検索エンジンのために料理を作る

6230 ワード
Metadata seo description charset html Viewport lang テキストリンク
これはクイックキャンパスコースのまとめです.
「The RED:堅牢なUI設計のための表記ガイドby鄭燦明」

SEOに影響する要因

  • 検索結果ページ(SERP)クリック率
  • リバースリンク(backlink):他のWebページから参照(リンク)
  • ドメイン権限(ドメイン権限):検索結果ページランキング予測スコア
  • ページタイトル
  • 元ディスク立位
  • ロードレート
  • HTTPS
    • を使用するかどうか
  • 内容量、質量、蓋然性
  • ユーザーエクスペリエンス:最大コンテンツブロック(LCP)、累積バッチ変更(CLS)
    • *Chrome拡張プログラムLighthouseで検索エンジンの最適化スコアを表示

    ページタイトル


    詳細

  • 分類:メタデータコンテンツ
  • コンテキスト:head要素のサブ要素
  • コンテンツモデル:テキスト.空の構成
    • はできません.
  • タグをスキップ:開始タグと終了タグは
    • を省略できません.

    Accessibility

  • スクリーンリーダーユーザは、Webページにログインすると、音声でページタイトルを受信し、
    • .
  • ページヘッダーは、要求されたページ
    • にアクセスするか否かを迅速に決定することができる.
  • 画面の朗読者は、重複キーワードや不要な説明をスキップするために、朗読速度を2倍以上に上げて、速聴の形で聴くので、簡潔に重要キーワードでタイトルを構成することが望ましい.

    区切り記号


  • ダッシュ(-)、パイプ(|)、コロン(:)を推奨
    Page title - Site name
    Page title | Site name
    Page title : Site name

  • ダッシュ(-)を使用すると、キーワード間のスペースが大きくなるため、可読性が向上します.

  • パイプ(|)、コロン(:

  • 参照()を使用して隣接するキーワードを1つのキーワードに接続することは推奨されません.

    • JavaScript

  • 検索ロボットも
    • ページのタイトルをスクロールし、JavaScriptによって動的に生成されます.

    ベストプラクティス


    ホワイトハウス:The Biden-Harris管理|The White House
    W3 : All Standards and Drafts - W3C
    三星:銀河S

    Summary


    本文を最も説明できるキーワードを中心に
  • を記述する
  • ページごとに、固有の(一般的ではない)キーワード
    • が使用される.
  • ページ最大重複可能キーワード
  • 特定キーワード
    • を前方に配置する.
  • をできるだけ短く作成(Depthを最大3ステップに設定することを推奨)

    • Metadata

    <html lang="ko">
<head>
	<meta charset="utf-8">
    <meta name="description" content="A description of the page">
    // keywords는 구글 검색 엔진에서 참조하지 않는 값이므로 생략해도 무방함
    <meta name="keywords" content="shirts, pants, blouse, ...">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Page title - Site name</title>
</head>
</html>

  • HTML <head>要素のタグ

  • 検索エンジンのタグ

    • lang

  • は、適切な音声エンジンの採用を支援し、検索結果の表示率
    • を向上させるために、検索ロボットまたはスクリーン朗読器に値を渡す.
  • Googleはサイトランキングでメタキーワードを使用していません
    https://developers.google.com/search/blog/2009/09/google-does-not-use-keywords-meta-tag
  • 「アクセスガイド」は、宣言する必要がある属性
    • を明確に示しています.

    charset

  • <meta charset="utf-8">
  • utf-8
  • 標準値
  • すべての国の言語をWebページに表示できるようにする

    • description

  • <meta name="description" content="A description of the page">
  • 検索結果画面のテキスト
  • サイトの作成に関する説明
  • <meta name="keywords" content="">
  • Google検索エンジンはこの値
    • を参照していません.

    viewport

  • <meta name="viewport" content="width=device-width, initial-scale=1">
    • 検索エンジンは、
  • ページがモバイルで表示するために最適化されたかどうかに関する情報
    • を提供する.
  • プロパティ
    • 、画面サイズの決定
  • 画面に表示された内容に基づいて、このビューポートを宣言します.
    *画面サイズはブラウザで
    • 、ドキュメント全体が移動中はビューポート
  • width=device-width(ビューポートをスクリーンサイズに設定)
  • 初期-scale=1(スケールを1に設定)
    • 【AWS/Udacity】AWS クラウドアーキテクト ~First Submit~
    [アルゴリズム]Java/Baekjun/シールの貼り付け/18808