よくある質問

■SEOツール「レッツSEO」ステップ4_3 初心者 <BODY>HTMLソースの生成

ステップ4_3では、<BODY>要素内貼り付け用HTMLソースの編集をしていきます。HTMLソースの編集といいましても、弊社のHTMLソース自動生成システムにより、これまた驚くほど簡単にSEO対策することができますので、ご安心ください。まず、編集指示5~7を読んでください。

SEOツール「レッツSEO」ステップ4のスクリーンショット


それぞれの編集指示について、順に説明していきます。

5.保存したHTMLファイルをテキストエディタで開く

編集指示4で保存したHTMLファイルをテキストエディタで開きます。(これは、ファイルにBODY要素のHTMLソースを貼り付ける準備となります)

まず、パソコン画面上にHTMLファイルのアイコンを表示させます。アイコンにカーソルを合わせ右クリックしてください。選択項目があらわれるので、"プログラムから開く" の中から、"WordPad"、"Notepad"、"Hidemaru"などのテキストエディタを選択し、クリックしてください。

テキストエディタを選択している画面のスクリーンショット

すると、下図のように、テキストエディタでファイルが立ち上がります。

テキストエディタで立ち上がったHTMLファイルのスクリーンショット

以上が、 "<BODY>要素内貼り付け用HTMLソースの生成の編集" の準備でした。以下より、実際に "<BODY>要素内貼り付け用HTMLソース" を生成していきます。

6.コメント文章の文字色・背景色・文字サイズの指定

編集指示6の作業は、編集指示3で編集したコメント文章の文字色・背景色・文字サイズを指定し、ホームページ上に表示させるためのHTMLソースを生成するためのものです。
ホームページ上のどのあたりに表示されるかについては、下図を参考にしてください。下図は、編集指示4で保存したHTMLファイルを InternetExplorerで(ファイルをダブルクリックして)開いたものの例です。

InternetExplorerで立ち上がったHTMLファイルのスクリーンショット


コメント文章の文字色、背景色、文字サイズを、御社ホームページに見合うように変更してください。初期設定ではプレビューで確認していただくと分かるように、文字色が黒、背景色が白になっております。(下図)

SEOツール「レッツSEO」ステップ4のスクリーンショット

たとえば、上記の例において、初期設定のHTMLソースをそのまま<BODY>要素内に貼り付けた場合は下図のようにブラウズされます。

InternetExplorerで立ち上がったコメント文章のHTMLソースを貼り付けられたHTMLファイルのスクリーンショット

実際、この段階はHTMLソースを貼り付ける前ですので、ファイルをダブルクリックしても上図のような状態を確認することはできませんが、御社ホームページ上にコメント文章がブラウズされた状態をイメージしながら相応しい配色を考え、"文字色を選択"のボタンや"背景色を選択"のボタンを操作してください。

尚、文字色や文字サイズ、背景色を変更したことでSEOの効果に差が生じるというようなことは一切ございません。ここでの操作は、あくまでデザインを整えているというだけのことです。


下図では、コメント文章の文字色をオレンジにしてみました。

SEOツール「レッツSEO」ステップ4のスクリーンショット

【色の変更~まとめ~】
1."文字色を選択"のボタンをクリックしてカラーパレットを出現させる
2.カラーパレット上の好みの色の上にカーソルを合わせクリックする
3.クリックすると"適用"ボタンの上のカラープレートが希望色に変わる
4.3.の状態で"適用"ボタンをクリックする
5.貼り付け用HTMLソースに色の変更が反映される


文字サイズはレッツSEOのブラウザ上で直接書き換えてください。下図では文字サイズを小さくしてみました。

SEOツール「レッツSEO」ステップ4のスクリーンショット

【文字サイズの変更~まとめ~】
1."<BODY>要素内貼り付け用HTMLソース"の中から
   style="font-size:medium"をさがす
2.直接 style=" " の中の値を書き換える。
  細かくサイズを指定したいときは style="font-size: 10px"等にすればOK


7. 生成されたHTMLソースを"<BODY>要素内に貼り付ける
編集指示7の作業は、編集指示6の作業によって生成されたコメント文章のHTMLソースを、テキストエディタで開いたHTMLファイルに貼り付けるというものです。
一般的に、<BODY>タグの直後に貼り付ければ既存のデザインをあまり崩さずに済みますので、まず、HTMLファイルの中から"<BODY>タグをさがしましょう。

テキストエディタで立ち上がったHTMLファイルのスクリーンショット

編集指示6に基づいて生成した"<BODY>要素内貼り付け用HTMLソース"をコピーして、<BODY>タグの直後にペーストしましょう。

テキストエディタで立ち上がったHTMLファイルのスクリーンショット

次は、ホームページ最適化ドットコムのロゴの貼り付けです。

ステップ4_4 初心者  ロゴの貼り付けに進む


質問リストに戻る


お問い合わせ

03-5649-4141

宣伝ジョーズ株式会社
営業時間:平日10時~19時

  • SEOとは
  • SEOツール特徴
  • オンラインデモ FLASHファイル520KB
  • ご利用料金
  • スパムポリシー
  • 会社概要
  • SEO成功事例
  • お奨めリンク

RSS
RSSリーダー等でご利用ください。ほとんどのRSSリーダーでは上記オレンジのアイコンをドラッグ&ドロップするだけで購読可能です。トラッキング用途として FeedBunerロゴを利用しています。

カラーセラピーオブジャパンのファウンダーでもあり、消費者に与えるカラーの訴求力を追求されていまる中山司氏が、売上げに繋がるカラーに関して書籍を出版されました。Webデザイナー、ECサイトオーナーさんは是非ご一読ください。Amazonのページからご購入頂けます。