PCまなぶSEO対策!メニューを下へ移動する更新日:2014年5月8日Googleでは、タイトルに重きを置いて検索の対象としています。私達も、タイトルでクリックするか否か判断していますね。次に中身をチェックします。先に書いてある文章は、あとに書いてる文章よりも重要と判断します。以前は、最後に重要なことを書くことが多かったですが、今では、重要なことを前に書くことが増えています。しなければ、溢れる情報の中に埋もれやすくなるだけでなく、検索にも不利になりやすいからです。本日、見出しを後ろに移動しました。ソースを参照するかCSSを解除するとわかりますね。そのままだと、見た目も後ろに移動します。このままだとマズイので、CSSを使用して、前に戻します。このように変更すことで、Googleに、より適切に伝え、しかも人にも親切にすることができるのです!実施方法まずは、メニュー部分をHTMLの後ろに移動しました。親要素を意識して、移動します。?>">Yamaタイピング</a></li></ul></nav></div>親要素を意識してと書いてもイメージがわきにくいので図解します。今回は、「ZENTAI」に対して、基準とするためにabolute指定をしました。ここが重要!一番最後に書いたメニューを前に移動するために、この基準を元に、上から92px。したから30pxとしました。まとめ:1時間ちょっとで出来た本記事を書く時間も含めて3時間で実現できました。HTMLの構造で、上の方にメニューを書いてる方は、ぜひ、後ろに移動し、CSSで前を実現してくだいね!関連URLこれからWeb業界で働きたい方にオススメ!ウェブデザイン技能検定YamaタイピングWebクリエイター能力認定試験とはWebクリエイター能力認定試験(HTML4.01版)合格のコツ山崎信悟マイクロソフト認定トレーナー。ブログ業務が好調なため2019年8月から専業。誤字脱字王でもプロブロガー。コメントをキャンセルメールアドレスが公開されることはありません。