オウンドメディア運用にも便利! HTMLの変更履歴をWordでわかりやすく相手に伝える方法
どんなCMSを使っていても、だれでもカンタンに、「どこが変わったか」をわかりやすく相手に伝えられます
2015年10月20日 11:00
今日は、Webページの修正点を、Wordの変更履歴の形でわかりやすく示す方法を解説します。オウンドメディア向けにコンテンツを作る際の校正まわしで、差分を示すのに便利ですよ。
企業サイトのページであれ、オウンドメディアのコンテンツであれ、最終版のページができるまでには、何度か修正が入ります。
でも、修正したバージョンをライターさんや上司に確認してもらう際に、毎回全体をチェックしてもらうのは気がひけますよね。特に長いコンテンツだと、なおさらです。
そこで、どんなCMSを使っていても、だれでもカンタンに、「どこが変わったか」をわかりやすく相手に伝える方法を知っておくと便利です。
それは、Wordを使う方法です。やり方はカンタン。
-
この方法を使うには、前回見てもらったバージョンのHTMLファイルと、今回見てもらうバージョンのHTMLファイルが必要です。
チェック時には、毎回ブラウザでページを表示して「HTMLのみ」で保存するようにしておきましょう(このファイルは、そのコンテンツを公開するまで念のために保存しておきます)。
-
Wordを起動し、リボンの[校閲]>[比較]>[組み込み]をクリックします。
-
ダイアログボックスが表示されるので、[元の文書]として前のバージョンのHTMLを、[変更された文書]に最新バージョンのHTMLを、それぞれ選びます。
その下の[記録されていない変更箇所の表示書式]には、いつのバージョンかなどを書いておくといいでしょう。
オプションが開いてなければ開き、次のように指定します。
- 比較の設定 ―― [挿入と削除][移動]だけオンで、ほかはオフにしておく(見栄えを変更したときは[書式設定]もオン)
- 変更箇所の表示 ―― [単語レベル]がお薦めです
- 変更の表示対象 ―― [新規文書]が便利です
-
あとは[OK]をクリックするだけです。HTML内で文字や画像として見える部分で、どこが変更されたかが、見慣れたWordの変更履歴の形で表示されます。
変更箇所を見やすくするには、Wordのリボンで次のようにしておくといいでしょう。
- [校閲]>[変更履歴]>[[変更履歴]ウィンドウ]をオンにして変更履歴を表示する
- [校閲]>[変更履歴]>[変更履歴とコメントの表示]>[吹き出し]で、「変更履歴を吹き出しに表示」を選んで、吹き出しも表示する
あとは、このファイルを保存して相手に送るだけです。上記のように設定して保存すれば、相手が開いたときにも同様の設定で表示されるので、見やすくなります。
この変更履歴Wordファイルは、WordがHTMLを読み込んで表示した状態で差分をとるので、JavaScriptで動的に処理しているものなどは表示されませんし、外部CSSファイルで設定しているスタイルも適用されません。ですので、実際のWebページの表示とは異なります。
でも、「どこが変わったか」を確認してもらうには、多くの相手が使い慣れている形式ですよね。
筆者さんなどとやりとりするときなどには、最新版HTMLの確認用ファイルと、この変更履歴Wordファイルを一緒に送るとわかりやすいですね。
オウンドメディアで多くのコンテンツをスムーズに作り、外部の人とうまくやり取りするには、こうしたやり方を知っておくと便利ですよね。あなたも試してみてください。
関連記事
超高性能だけどドジっ子な、画像ファイルサイズ軽量化(減色)ツール【決定版?】
2014年3月11日 12:00
HTMLやメルマガ原稿の“変更履歴”をスゴく見やすくするWinMergeが手放せない
2013年2月19日 12:00
HTMLの編集・修正をFTPで! 書き換え更新時に先祖返りを防ぐ方法
2021年1月27日 7:00
Google Search Consoleビギナー向けガイド(まず知っておくといい基本機能編)
2015年11月16日 7:00
無料ツール「Zoomit」の使い方|画面拡大など便利なショートカット一覧
2015年1月27日 12:00
Webコンテンツ監査のためにGoogleアナリティクスとScreaming FrogのデータをExcelで簡単に統合する方法
2015年3月23日 7:00
バックナンバー
この記事の筆者
安田 英久(やすだ・ひでひさ)
株式会社インプレス
Web担当者Forum 編集統括(初代編集長)
プログラミングやサーバー、データベースなどの技術系翻訳書や雑誌『インターネットマガジン』などの編集や出版営業を経て、Webサイト 「Web担当者Forum」初代編集長。ビジネスにおけるWebサイトの企画・構築・運用と、オンラインマーケティングの2軸をテーマにメディアを展開いる。現在は編集統括として媒体に携わる。
個人としては、技術とマーケティングの融合によるインターネットのビジネス活用の新しい姿と、ブログ/CGM時代におけるメディアのあるべき姿を模索し続けている。趣味は素人プログラミングと上方落語と南インドカレー。
- Twitter:@Hidehisa
- Facebook:https://www.facebook.com/hidehisa.yasuda
筆者の人気記事
矢印・特殊文字・記号一覧|コピペ・標準フォントで使用可能
2016年6月7日 11:00
URLとURIの違いとは? パーツの構造・名称・意味も大解説!
2010年3月9日 10:00
図と表のキャプションやタイトルの位置、違いはある? どこが正解?
2015年10月27日 11:00
PNGとJPEG画質の違いは? 拡張子でどう違う? ウェブ画像使い分けの基本
2018年4月17日 11:00
HTTPリクエスト/レスポンスとは? HTTPヘッダーを理解しよう
2010年1月12日 11:00
Twitterの始め方とは? ツイッターは何する所?など初心者必見ガイド
2009年9月29日 10:00


