WebおよびSEO開発者向けの究極のSEOチートシート

公開: 2022-05-13

SEOには、メタタグ、ヘッダー、キーワード、ページの読み込み速度など、多くの可動部分があります。 しかし、これらのページ上の検索エンジン最適化要素を船の形にする計画があるかもしれませんが、より広範な技術的変更を実装するためにWeb開発者が必要になる場合があります。

成功するSEOキャンペーンは、マーケティングとWeb開発の間のコラボレーションです。

しかし、全員が同じページにいない場合、結果を出すのはイライラする可能性があります。 このSEOチートシートは、検索エンジンがサイトを読み、インデックスを作成するのを容易にする、ページ上のSEOの基本的なプラクティスをまとめたものです。 WebおよびSEO開発者は、このガイドを参照し、これらのプラクティスを部門の枠を超えたワークフローに統合して、サイトのパフォーマンスとユーザーエクスペリエンスを向上させることができます。 私たちのSEOチートシートは、優先する検索エンジン最適化戦術とその理由を強調することで作業を合理化し、各チームをサポートする戦略を実装できるようにします。

SEOチートシート

Web開発者は通常、同僚がサイトのパフォーマンスを監視し、オーガニック検索エンジンのトラフィック、バウンス率、ページの読み込み時間などの指標を追跡するときに、SEOとWeb開発のリクエストを少しずつ受け取ります。 しかし、Webチームの責任範囲は、技術的なSEOにとどまりません。 ページ速度の確認やURLのリダイレクトなどのタスクは、Googleのランキングを向上させたり、会社の目標をサポートしたりするためにこれらの戦術が必要な理由を説明せずに、Web開発者に割り当てられることがよくあります。

ありがたいことに、Web開発とSEOは密接に関係しています。 これらの7つのページ上のSEO戦略に焦点を当てて、目的のキーワードでランク付けする可能性を高めます。

1.サイト速度

Googleによると、ウェブページの読み込み時間が1秒から3秒に増えると、訪問者は検索結果に戻る可能性が32％高くなります。 ページ速度もランキング要素であり、UXの問題以上のものになっています。

GoogleのPageSpeedInsightsを使用して、デスクトップとモバイルでのサイトのパフォーマンスを確認します。 どの要素を改善する必要があるかについてのフィードバックを提供します。

開発に関するチートシートページの速度に関する洞察の例

2.モバイルフレンドリーなWebデザイン

Googleは2019年にモバイルファーストのインデックス作成を開始しました。これは、デバイスに関係なく、SERPでモバイルフレンドリーなウェブサイトを優先します。 Googleのモバイルフレンドリーテストツールを使用してモバイルデバイスでサイトがどのように表示されるかをテストし、必要な変更についてWebデザイナーと話し合います。 このツールは、ページがどのように表示されるかのスナップショットを提供し、次のようなユーザビリティの問題にフラグを立てます。

  • 互換性のないプラグイン
  • 読めないテキスト
  • 画面より広いコンテンツ
  • 近すぎるリンク
モバイルフレンドリーなテスト例

3.HTTPステータスコード

壊れたリンクとエラーメッセージは、ユーザーエクスペリエンスを低下させ、検索エンジンがWebサイトをクロールしてインデックスに登録するのを困難にします。 HTTPステータスコードを監視することにより、問題を迅速に診断して修正します。 そうしないと、4xxコード（429を除く）を返すページのインデックスが作成されず、429、500、および503のHTTPステータスコードが頻繁に発生すると、クロール速度が低下します。

技術的なSEO監査の一環として、Google検索コンソールでインデックスカバレッジレポートを実行します。 クロールエラーを特定し、管理下にあるエラーに対処します。 このデータをサイト改善計画にまとめます。

HTTPステータスコードその意味
200 ページは正常に読み込まれています。
301 永続的なリダイレクト。 ページ権限はリダイレクトページから新しいページに渡され、新しいページは最終的に古いページではなくSERPに表示されます。
302 一時的なリダイレクト。 これは短期間のリダイレクトにのみ使用してください。
404 ページが見つかりません; ページがサイトマップから削除されていることを確認し、すべての内部リンクを削除またはリダイレクトします。 検索エンジンはページのインデックスを解除します。
410 ページは完全に削除されました。 ページがサイトマップから削除されていることを確認し、すべての内部リンクを削除またはリダイレクトします。 検索エンジンはページのインデックスを解除します。
429 リクエストが多すぎます。 サーバーまたはアプリケーションのエラー。 エラーが定期的に発生する場合、検索エンジンはクロール速度を低下させる可能性があります。
500 内部サーバーエラー。 エラーが定期的に発生する場合、検索エンジンはクロール速度を低下させる可能性があります。
503 サーバーは利用できません。 エラーが定期的に発生する場合、検索エンジンはクロール速度を低下させる可能性があります。
ピクサーのカスタム404エラーページの例

4.重要なHTML要素

HTML要素は、検索クローラーがコンテンツを理解するのに不可欠な役割を果たし、検索の可視性に影響を与える可能性があります。 HTML要素を定期的に監査し、必要に応じて検索用に最適化します。 特に次の点に注意してください。

ページタイトルタグ

これらは、ページURLのすぐ上のSERPリストに表示されます。 クリックスルーを促進するために、明確で、魅力的で、簡潔である必要があります。

SERPのページタイトルタグの例
ヘッダータグ

ヘッダータグを使用して、ページ上の情報の階層を定義します。 H1タグは記事のメインタイトルであり、SEOの最も重要なヘッダータグです。 H2からH6タグは、トピックとサブトピックを示すために使用されます。

メタディスクリプション

メタディスクリプションは、ページの内容に関する洞察を提供することにより、クリック率を高めるのに役立ちます。 検索エンジンの結果ページのページタイトルの下に表示されます。 適切なメタディスクリプションには、キーワードと、検索者があなたのページにアクセスしたくなるような行動を促すフレーズが含まれます。

メタ記述の例
画像

画像のaltタグを使用して、画像の内容を説明します。 サイトのアクセシビリティの重要な部分であることに加えて、関連するキーワードを含むaltタグは、ページ上の検索エンジン最適化を改善します。 読み込みを速くするには、画像を圧縮して適切なサイズにする必要があります。

正規タグ

正規タグを使用して重複コンテンツの問題を解決し、必要に応じて検索エンジンにページのマスターバージョンを指定します。 詳細については、以下をご覧ください。

おすすめの読み物

  • 最高のページタイトルを書く方法
  • 検索用にヘッダーを最適化する方法
  • メタディスクリプションを最適化する方法
  • 代替テキストのベストプラクティス
  • 標準URLタグ

5.サイトとページの構造

サイトをランク付けするには、Googlebotは、サイトがどのように構成されているか、および異なるセクション間の関係を理解する必要があります。 情報の流れとページの相互関係のロジックを示すサイト階層を実装します。 以下の要素に焦点を当てて、ユーザーと検索ボットが適切なコンテンツを見つけられるようにします。

HTML構造

HTML見出しタグ（H1からH6）を使用して、各ページを整理し、情報階層を明確に示します。 さらに、<div>、<section>、<footer>などのタグを使用して、コンテンツをブロックに分割します。

記事の冒頭またはサイドバーとして、適切なセクションへのリンクを含む目次を含めることにより、読者と検索エンジンの両方でページの読みやすさを向上させます。 これにより、ユーザーはページをナビゲートしやすくなり、検索エンジンはページのコンテンツを理解しやすくなります。

URL構造

URLは、検索ボットにページの内容を伝えることができます。 たとえば、以下のリンクは、ページ上のSEOに関するVictoriousブログのカテゴリページへのリンクであることは明らかです。

  • https://victoriousseo.com/blog/category/on-page-seo/

原則として、URLには一貫した構造を使用してください。 ランク付けするキーワードを含め、短く、シンプルで、わかりやすいものにします。 ランダムな数字や専門用語は避け、わかりやすくするためにハイフンを使用して単語を区切ります。

URLの構造をグラフィカルに説明します
リダイレクション

リダイレクトは、ページが移動、削除、または結合されたときに、ユーザーと検索エンジンのクローラーが探しているコンテンツを見つけるのに役立ちます。 そうしないと、欠落しているページが行き止まりになります—404エラー。

永続的および一時的なリダイレクトを使用して、ページの新しい場所を解釈する方法を示します。 永続的なリダイレクト（301）は、新しいターゲットページが正規であるという強力なシグナルと見なされます（これについては後で詳しく説明します）。 一時的なリダイレクト（302）は、検索結果に古いURLを保持する可能性が高くなります。 このため、それらは短期間のみ使用する必要があります。

内部リンク

内部リンクは、Webサイトのページ間でユーザーをガイドします。 キーページには、メニューまたはサイドバーから簡単にアクセスできる必要があります。

内部リンクは、最も頻繁にリンクされているため、ランキングの目的でどのページが価値があるかをGoogleが理解するのにも役立ちます。 これには、製品カテゴリページまたはサービスページを含める必要があります。

戦略的なリンクを通じて、最高ランクのページの権限をサイトの他のページと共有できます（「リンクエクイティ」と呼ばれます）。 思慮深い内部リンクは、問題のページとリンク先のすべての内部ページのランキングを向上させることができます。

XMLサイトマップ

XMLサイトマップは、検索ボットがサイトを効率的にクロールするのに役立つロードマップと考えてください。 サイトマップには、サイトの重要なページ、それらの間の関係、およびページが最後に更新された日付が一覧表示されます。 適切なインデックスを作成するには、定期的に更新する必要があります。

おすすめの読み物
  • 検索に適したウェブサイトの構築
  • サブドメインとサブディレクトリ：SEOにはどちらが良いですか？
  • あなたのウェブサイトで壊れたリンクを見つけてそれらを修正する
  • 内部リンク：SEOのベストプラクティスへのガイド
  • SEOとGoogle向けに最適化するためのXMLのベストプラクティス

6.効率的なクロール

Googleは、ボットがページのインデックス作成に費やす時間を決定するクロール予算をすべてのWebサイトに提供します。 ボットにクロールまたはインデックスを作成させたくないページを指定して、自分のページを最大限に活用してください。 特定のページがインデックスに登録されないようにすることで、インデックスが肥大化する可能性を最小限に抑えます。 robot.txtファイルとロボットメタタグを使用して、Googlebotがサイトをナビゲートする方法を管理し、サイトが可能な限り効率的にクロールされるようにすることができます。

Robots.txtファイル

Robots.txtはサイト全体のファイルで、検索ボットにアクセスしてインデックスを作成するページを指示します。 ファイルで「disallow」コマンドを使用して、クロールしたくないURLを指定します。 これらには、アカウントページ、確認ページ、およびコンテンツのプリンター対応バージョンが含まれる場合があります。

クロールボットはこれらの指示に従う義務はなく、内部リンクを介してページにインデックスを付けることができます。 これを回避するには、robotsメタタグを使用します。

ロボットメタタグ

HTMLドキュメントの<head>セクションでrobotsメタタグを使用すると、検索エンジンのクローラーがページレベルで表示されます。 robotsタグを使用すると、特定の検索エンジンボットまたはすべてのクロールボットに1つのページのディレクティブを提供できます。

たとえば、次のタグは、Googleがページを翻訳するのを防ぎます。

  • <meta name =” googlebot” content =“ notranslate”>

Googleが高度なSEOドキュメントで認識するロボットメタタグのリストを見つけます。

Xロボット

X-Robotsを使用して非HTMLファイルを処理する方法に関するサイト全体のディレクティブを発行します。これにより、インデックス付けすべきでないものに関する指示をページのHTTP応答ヘッダーに提供できます。 たとえば、特定の画像またはPDFファイルのインデックス作成をブロックできます。 X-Robotsをページに追加するには、Webサイトの.phpまたはサーバー構成ファイルにアクセスします。

正規化

重複するコンテンツは、どのページがオリジナルであるかを決定することが検索エンジンに任されているため、特定のキーワードのランキングの可能性を減らす可能性があります。 正規タグは、どのページがマスターコピーであるかを指定することにより、重複コンテンツを管理します。 これは、どのページをランク付けするかを決定するときに検索エンジンをガイドするのに役立ちます。

正規タグはページのHTMLコードの先頭に配置され、ページの正規バージョンのURLをGoogleに通知します。 例えば：

  • <link rel =” canonical” href =” test.com/blog/original”>
ページ付け

読みやすくするために、長いコンテンツをいくつかのページに分割する必要がある場合があります。 Googleがこれらを重複コンテンツまたは個々の無関係なページとして認識しないようにするには、ページが複数ページのシリーズの一部であることを通知します。

  • 完全なコンテンツを含むマスターページを作成し、正規タグを使用して、Googleがこのページのインデックスを作成するようにリクエストします。
  • ナビゲーションにはrel=prev / nextタグを使用します。これは、特定のページネーションタグです。 もはやインデックスシグナルではありませんが、これらのタグは他の検索エンジンやWebアクセシビリティの目的に役立ちます。
最も一般的なユーザーエージェント

ヘッダーのUser-Agent属性は、特に、ユーザーが使用しているブラウザーのバージョンとデバイスを判別するのに役立ちます。 ユーザーエージェントを実装するということは、ユーザーエージェント情報に基づいて正しいバージョンのWebページを配信できることを意味します。

たとえば、ユーザー（またはクローラー）がiOS上のSafariに接続していることを検出した場合は、情報が正しく表示されるように、モバイルバージョンのサイトを自動的に提供するようにWebサーバーを設定します。

おすすめの読み物
  • インデックスの膨張とそれがウェブサイトに与える影響
  • DoFollowとNoFollowのリンク：知っておくべきことすべて
  • 標準URLタグ

7.コンテンツの外観

SERPやソーシャルメディアプラットフォームなどの外部サイトでのコンテンツの外観は検索ランキングに影響しませんが、サイトへのトラフィックを改善することができます。 クリックスルーを改善するには、投稿で注目を集めるタイトルまたは大きな画像を強調する必要があります。 これは間接的にコンバージョン率とバックリンクさえも高めることができます。

次のツールを使用して、ソーシャルメディアおよびSERPでのコンテンツの表示方法を制御します。

グラフタグを開く

Open Graphタグは、Facebookなどのソーシャルメディアプラットフォームで表示されたときにWebページがどのように表示されるかを制御します。 多くのサードパーティプラットフォームには、独自のオープングラフタグのセットがあります。 Open Graph ProtocolのWebサイトには、プロトコルで使用される仕様のリストがあります。

Twitterカードのマークアップ

TwitterカードはOpenGraphタグに似ており、誰かがツイートでリンクを共有したときに、タイトル、説明、画像がどのように表示されるかを制御します。 ページに追加できるTwitterカードのメタタグにはさまざまな種類があります。

構造化データ

検索エンジンがコンテンツのインデックスを作成できるように、SEOプログラマーはJSON-LD（Linked DataのJavaScriptオブジェクト表記）を使用して構造化データをページに追加できます。 構造化データは、スキーマとも呼ばれ、コンテンツの主要な要素を示すための標準化された形式です。

たとえば、構造化データを使用して、レシピページで材料、調理時間、温度、カロリーを強調表示します。 これらのラベルは、検索エンジンがコンテンツの回答を検索するクエリを理解するのに役立ちます。

リッチスニペット

検索エンジンが検索結果にWebページを表示する方法を最適化することも重要です。 画像、動画プレビュー、星評価などのリッチスニペットを使用してSERPリストを強化し、検索者にとってより魅力的なものにします。 スキーマを使用してリッチスニペットを生成し、検索エンジンの結果ページから検索者にWebサイトに関する詳細情報を提供します。

おすすめの読み物
  • スキーママークアップとSEOにとって重要な理由
  • リッチスニペット：それらが何であるかとそれらを取得する方法

あなたのSEO戦略の断片をまとめる

SEO Web開発には、ベストプラクティスの実装、一貫したパフォーマンスレビュー、および細部への注意が必要です。 Victoriousのような信頼できるパートナーは、これらの要素の一部またはすべてを管理して、内部リソースを補完し、Web開発者の負担を軽減するのに役立ちます。 私たちはあなたのニーズに合うSEOサービスの完全なスイートとあなたの質問に答える専門家のチームを持っています。 詳細については、無料のSEO相談をリクエストしてください。