2020/08/07 13:45
コンテンツを超えて：ページに必要なその他の最適化
フォントサイズを大きくして段落見出しを作成できますか？
検索結果のページに表示されるタイトルと説明を制御するにはどうすればよいですか？
このセクションを読むと、作成した10xコンテンツを検索エンジンが理解するのに役立つ他の重要なページ上の要素が理解できるので、詳しく見ていきましょう。
ヘッダータグ
ヘッダータグは、ページの見出しを指定するために使用されるHTML要素です。H1と呼ばれるメインヘッダータグは、通常、ページのタイトル用に予約されています。次のようになります。
<h1>ページタイトル</ h1>
H2タグからH6タグに進む小見出しもありますが、ページでこれらすべてを使用する必要はありません。ヘッダータグの階層は、重要度の降順でH1からH6に進みます。
各ページには、ページのメイントピックを説明する一意のH1が必要です。これは多くの場合、ページのタイトルから自動的に作成されます。H1にはページの主要な説明タイトルとして、そのページの主要なキーワードまたはフレーズを含める必要があります。ナビゲーションボタンや電話番号などの非見出し要素をマークアップするためにヘッダータグを使用することは避けてください。ヘッダータグを使用して、次のコンテンツで説明する内容を紹介します。
たとえば、コペンハーゲンのツアーについてこのページをご覧ください。
<h1>コペンハーゲン旅行ガイド</ h1> <h2>季節ごとのコペンハーゲン</ h2> <h3>冬の見学</ h3> <h3>春の見学</ h3>
ページのメイントピックはメインの<h1>見出しで紹介され、追加の各見出しは新しいサブトピックを紹介するために使用されます。この例では、<h2>は<h1>よりも具体的であり、<h3>タグは<h2>よりも具体的です。これは、使用できる構造の例にすぎません。
ヘッダータグに配置することを選択した内容は、検索エンジンでページの評価とランク付けに使用できますが、その重要性が高まるのを避けることが重要です。ヘッダータグは、多くのページ上のSEO要素の1つであり、通常、高品質のバックリンクやコンテンツのように針を動かさないため、見出しを作成するときはサイトの訪問者に焦点を合わせます。
内部リンク
第2章では、クロール可能なWebサイトを持つことの重要性について説明しました。Webサイトのクロール可能性の一部は、その内部リンク構造にあります。Webサイト上の他のページにリンクするときは、検索エンジンクローラーがサイトのすべてのページを見つけられるようにし、リンクの公平性（ランキングパワー）をサイトの他のページに渡し、訪問者がサイトをナビゲートできるようにします。
内部リンクの重要性は十分に確立されていますが、これが実際にどのように見えるかについて混乱が生じる可能性があります。
リンクのアクセシビリティ
クリックする必要のあるリンク（表示するためのナビゲーションドロップダウンなど）は、検索エンジンクローラーから非表示になることが多いため、Webサイトの内部ページへのリンクのみがこれらのタイプのリンクを経由している場合、それらのページのインデックス登録に問題が発生する可能性があります。代わりに、ページから直接アクセスできるリンクを選択してください。
アンカーテキスト
アンカーテキストは、ページにリンクするテキストです。以下に、HTMLでアンカーテキストのないハイパーリンクとアンカーテキストのあるハイパーリンクがどのように見えるかの例を示します。
<a href="http://www.example.com/"> </a> <a href="http://www.example.com/" title="Keyword Text">キーワードテキスト</a>
ライブビューでは、次のようになります。
http://www.example.com/
キーワードテキスト
アンカーテキストは、リンク先ページのコンテンツに関する信号を検索エンジンに送信します。たとえば、「learn SEO」というアンカーテキストを使用してサイトのページにリンクする場合、それは検索エンジンにとって、ターゲットページがSEOについて学習できるページであることを示す良い指標です。ただし、無理をしないように注意してください。同じキーワードを詰め込んだアンカーテキストを使用している内部リンクが多すぎると、ページのランキングを操作しようとしている検索エンジンに表示される可能性があります。アンカーテキストは、定型的なものではなく、自然なものにすることをお勧めします。
リンク量
Googleの一般的なウェブマスター向けガイドラインでは、「ページ上のリンクの数を適切な数（最大で数千）に制限する」と述べています。これは品質ガイドラインセクションではなく、Googleの技術ガイドラインの一部であるため、内部リンクが多すぎても、それだけではペナルティが課せられるわけではありませんが、Googleがページを見つけて評価する方法に影響します。
ページ上のリンクが多いほど、各リンクが目的のページに渡せるエクイティが少なくなります。ページには、移動するための多くの公平性があります。
だから、あなたがそれを意味するときだけリンクするべきだと言っても安全です！あなたは私たちのSEOラーニングセンターからリンクエクイティの詳細を学ぶことができます。
ページ間で権限を渡すだけでなく、リンクは、ユーザーがサイト上の他のページに移動するのに役立つ方法でもあります。これは、検索エンジンに最善を尽くすことは、検索者に最善を尽くすことでもあります。リンクが多すぎると、各リンクの権限が薄れるだけでなく、役に立たずに圧倒される可能性があります。検索者が次のようなページにたどり着いたと感じる場合を考えてみましょう。
ガーデニングのウェブサイトへようこそ！我々は、多くの持っているガーデニングの記事、庭にする方法、および役に立つヒントに、ハーブ、果物、野菜、多年草、および一年生植物を。ガーデニングの詳細については、ガーデニングブログをご覧ください。
ふew！処理するリンクがたくさんあるだけでなく、かなり不自然に読み取られたり、Googleが「薄いコンテンツ」と見なすことのできる内容があまり含まれていないこともあります。品質に重点を置き、ユーザーがサイトをナビゲートできるようにします。リンクが多すぎることを心配する必要はないでしょう。
リダイレクション
ページの削除と名前の変更は一般的な方法ですが、ページを移動する場合は、必ず古いURLへのリンクを更新してください。少なくとも、URLを必ず新しい場所にリダイレクトする必要がありますが、可能であれば、ソースでそのURLへのすべての内部リンクを更新して、ユーザーとクローラーがリダイレクトを通過して宛先に到達する必要がないようにします。ページ。リダイレクトのみを選択する場合は、長すぎるリダイレクトチェーンを回避するように注意してください（Googleによると、「リダイレクトのチェーンを回避...チェーン内のリダイレクトの数を少なくしてください。理想的には、3以下5未満にしてください」）。
リダイレクトチェーンの例：
（コンテンツの元の場所）example.com/location1→example.com/location2→（コンテンツの現在の場所）example.com/location3
より良い：
example.com/location1→example.com/location3
画像の最適化
画像が遅いWebページの最大の原因です。これを解決する最良の方法は、画像を圧縮することです。画像圧縮に関しては万能ではありませんが、「Web用に保存」などのさまざまなオプション、画像サイジング、およびOptimizillaやImageOptim for Mac（またはWindowsの代替）などの圧縮ツールをテストし、評価します。最善の方法は、その方法です。
画像の最適化（およびページ速度の向上）に役立つ別の方法は、適切な画像形式を選択することです。
使用する画像形式を選択する方法：
- 画像にアニメーションが必要な場合は、GIFを使用します。
- 高解像度を維持する必要がない場合は、JPEGを使用します（さまざまな圧縮設定をテストします）。
- 高い画像解像度を維持する必要がある場合は、PNGを使用してください。
- 画像の色が多い場合は、PNG-24を使用してください。
- 画像の色数が少ない場合は、PNG-8を使用してください。
画像フォーマットの選択について詳しくは、Googleの画像最適化ガイドをご覧ください。
レンダリング中にカラーボックスまたは非常にぼやけた/低解像度バージョンを生成する画像を使用して訪問者を半低速の読み込みページに維持するさまざまな方法があります。これらのオプションについては、第5章で詳しく説明します。
画像内の代替テキスト（代替テキスト）はWebアクセシビリティの原則であり、スクリーンリーダーを介して視覚障害者に画像を説明するために使用されます。視覚障害者がウェブサイトの写真が何を描いているかを理解できるように、代替テキストの説明を含めることが重要です。
また、検索エンジンボットは代替テキストをクロールして画像をよりよく理解します。これにより、検索エンジンにより適切な画像コンテキストを提供できるという追加の利点が得られます。altの説明が人に自然に読めるようにし、検索エンジンにキーワードを詰め込まないようにします。
悪い：
<img src = "grumpycat.gif" alt = "気難しい猫、猫は気難しい、気難しい猫gif">
良い：
<img src = "grumpycat.gif" alt = "大きな斑点のある犬を見て非常に不機画像サイトマップを送信する
