■SEOツール「レッツSEO」ステップ４_３ 初心者 <BODY>HTMLソースの生成
ステップ４_３では、<BODY>要素内貼り付け用HTMLソースの編集をしていきます。HTMLソースの編集といいましても、弊社のHTMLソース自動生成システムにより、これまた驚くほど簡単にSEO対策することができますので、ご安心ください。まず、編集指示５～７を読んでください。
それぞれの編集指示について、順に説明していきます。
５．保存したHTMLファイルをテキストエディタで開く
編集指示４で保存したHTMLファイルをテキストエディタで開きます。（これは、ファイルにBODY要素のHTMLソースを貼り付ける準備となります）
まず、パソコン画面上にHTMLファイルのアイコンを表示させます。アイコンにカーソルを合わせ右クリックしてください。選択項目があらわれるので、"プログラムから開く" の中から、"WordPad"、"Notepad"、"Hidemaru"などのテキストエディタを選択し、クリックしてください。
すると、下図のように、テキストエディタでファイルが立ち上がります。
以上が、 "<BODY>要素内貼り付け用HTMLソースの生成の編集" の準備でした。以下より、実際に "<BODY>要素内貼り付け用HTMLソース" を生成していきます。
６．コメント文章の文字色・背景色・文字サイズの指定
編集指示６の作業は、編集指示３で編集したコメント文章の文字色・背景色・文字サイズを指定し、ホームページ上に表示させるためのHTMLソースを生成するためのものです。
ホームページ上のどのあたりに表示されるかについては、下図を参考にしてください。下図は、編集指示４で保存したHTMLファイルを InternetExpｌorerで（ファイルをダブルクリックして）開いたものの例です。
コメント文章の文字色、背景色、文字サイズを、御社ホームページに見合うように変更してください。初期設定ではプレビューで確認していただくと分かるように、文字色が黒、背景色が白になっております。（下図）
たとえば、上記の例において、初期設定のHTMLソースをそのまま<BODY>要素内に貼り付けた場合は下図のようにブラウズされます。
実際、この段階はHTMLソースを貼り付ける前ですので、ファイルをダブルクリックしても上図のような状態を確認することはできませんが、御社ホームページ上にコメント文章がブラウズされた状態をイメージしながら相応しい配色を考え、"文字色を選択"のボタンや"背景色を選択"のボタンを操作してください。
尚、文字色や文字サイズ、背景色を変更したことでSEOの効果に差が生じるというようなことは一切ございません。ここでの操作は、あくまでデザインを整えているというだけのことです。
下図では、コメント文章の文字色をオレンジにしてみました。
【色の変更～まとめ～】
１．"文字色を選択"のボタンをクリックしてカラーパレットを出現させる
２．カラーパレット上の好みの色の上にカーソルを合わせクリックする
３．クリックすると"適用"ボタンの上のカラープレートが希望色に変わる
４．３．の状態で"適用"ボタンをクリックする
５．貼り付け用HTMLソースに色の変更が反映される
文字サイズはレッツSEOのブラウザ上で直接書き換えてください。下図では文字サイズを小さくしてみました。
【文字サイズの変更～まとめ～】
１．"<BODY>要素内貼り付け用HTMLソース"の中から
style="font-size:medium"をさがす
２．直接 style=" " の中の値を書き換える。
細かくサイズを指定したいときは style="font-size: 10px"等にすればＯＫ
７． 生成されたHTMLソースを"<BODY>要素内に貼り付ける
編集指示７の作業は、編集指示６の作業によって生成されたコメント文章のHTMLソースを、テキストエディタで開いたHTMLファイルに貼り付けるというものです。
一般的に、<BODY>タグの直後に貼り付ければ既存のデザインをあまり崩さずに済みますので、まず、HTMLファイルの中から"<BODY>タグをさがしましょう。
編集指示６に基づいて生成した"<BODY>要素内貼り付け用HTMLソース"をコピーして、<BODY>タグの直後にペーストしましょう。
次は、ホームページ最適化ドットコムのロゴの貼り付けです。
質問リストに戻る
宣伝ジョーズ株式会社
営業時間：平日１０時～１９時
RSSリーダー等でご利用ください。ほとんどのRSSリーダーでは上記オレンジのアイコンをドラッグ＆ドロップするだけで購読可能です。トラッキング用途として
を利用しています。
カラーセラピーオブジャパンのファウンダーでもあり、消費者に与えるカラーの訴求力を追求されていまる中山司氏が、売上げに繋がるカラーに関して書籍を出版されました。Webデザイナー、ECサイトオーナーさんは是非ご一読ください。Amazonのページからご購入頂けます。
