Zenn
👀

SEO？

2023/07/04に公開
SEO
Web
web開発
コンピュータサイエンス基礎
tech

SEOとは？

検索エンジンで上位に露出できるように最適化するプロセスです。
ウェブサイトが検索方法を通じて検索エンジンで上位に出できるように最適化するプロセスです。
SEOは私たちのサービスを特定検索キーワードに対する主要情報として認識させることを目的とし、サービスに対して良い印象を与えることができます。

SEOが行われるプロセス

検索エンジンは、ウェブページがどのようなコンテンツを持っているのか、そのページが何に関するのかを判断するためにインターネットを通じてウェブページをクローリングするロボットであるウェブクローラーを使用します。
ウェブクローラーが各ページで使用できる情報を収集し、その内容が検索者が必要な情報なのかを判断した後、該当ページをインデックスに追加します。

検索者が検索すると、アルゴリズムは検索語をインデックスの関連情報と一致して、検索者が入力した検索語に対する回答を提供します。
プラットフォームは、ある基準を通じて検索ページに表示されるコンテンツの順番を決定します。

  • キーワード密度とクリック率
  • ホームページおよびコンテンツの離脱率
  • メタデータが存在するかどうか
  • ソーシャルメディアの高いトラフィック
  • ホームページセキュリティ(HTTPS)
  • ページのロード速度
  • など。。。

オンページSEO vs オフページSEO

何が検索エンジンの順位に影響を及ぼすのか分からないため、SEO戦略に多様な戦略を含める必要があります。

オンページSEO

オンページSEOとは、ウェブサイト全体を対象としたSEO作業です。
ページ内容、メタタグ、画像最適化、サイト構造、リンク構造などを最適化することを含みます。
これらのタスクにより、検索エンジンからWebサイトを見つけやすくし、Webサイトの内容をユーザーに最適化することを目的としています。

オフページSEO

オフページSEOとは、ウェブサイトの外部で起こるSEO作業です。
バックリンク構築、ブログ記事作成、サイトレビュー作成、SNS活用、検索語広告などが含まれます。
このような作業により、ウェブサイトの外部から検索語でウェブサイトを見つけることができるようにし、ウェブサイトの認知度を高めることを目指しています。

どちらがいいのかを選ぶより、自分のサイトにトラフィックを誘導し、自分のサイトがインターネットに重要な参加者であるという信号をグーグルに知らせたいなら、両方必須です。
自分のページに人々が知りたがっていたり、重要な情報があることをグーグルに知らせ、自分のページが上位に出して暴発的なオーガニックトラフィックを誘導するようになる。

SEO最適化

  1. Htmlファイルに追加する必要があります
  • title:検索エンジンのタイトル部分に表示される重要な情報として明確かつ独創的な名前にします。ページ内容のテーマを効果的に説明し、Webページごとに固有のtitleタグを作成してサイト内のページを区別します。
  • metatag - description: ページ情報のプレビュー、関心を誘導します
  • 検索エンジンの不正確な自己description生成を防ぐことができます。
  • keywords:ウェブページ文書で核心検索単語と言えるキーワードを入れます。
  1. サイト構造
    ユーザと検索エンジンが理解しやすいURLにします。
  • URL : IDまたは変な名前のパラメータが入っている場合、ユーザー、検索エンジンに良い情報を提供できないため、コンテンツと関連した単語が入ることをお勧めします。
  • アンカーテキスト:内容を含み簡潔なフォーマット
    <a　href = "" > </a>
  • イメージ:簡潔で説明的なファイル名とaltテキストを活用します。普遍的な画像ファイルフォーマットの使用と画像のための特定のディレクトリ設定する必要があります。
  • タイトルタグ:<h1>~<h6>内容の概要を作成します。1ページ内のタイトルタグを慎重に使用すること！
  1. Html その他の要素

    1. sitemap.xml
      ウェブサイトにあるページ目緑です

    2. robotx.txt
      検索への露出を必要としない部分をコントロールします。
      機密コンテンツは暗号化するか.htaccessを使用してパスワードで保護するよりも安全です。

    3. Service-worker.js
      ブラウザがバックグラウンドで実行するスクリプトとしてオフライン環境を完全に制御する権限を開発者に付与し、オフライン環境をサポートできるようにします。

    4. モバイルにやさしい作り方です
      反応型ウェブデザインを適用し、metaname="viewport"タグを使用してブラウザにコンテンツ調整方法を知らせる。

    5. HTTPsを適用します
      同一サイトの時httpよりhttps適用したサイトに追加点があります。

    6. ページのロード速度を早く
      速度が遅いと離脱率が高くなる結果をもたらします。

    7. 正しい状態のコートを使用

Discussion