SEO対策

本

SEO対策の記事 ①XMLサイトマップ ②プライバシーポリシー ③サイト表示速度 -画像の最適化- ④サイト表示速度 -遅延読み込み- ⑤CSSの非同期読み込み ⑥meta de…

運営しているクリエイター: ai

SEO対策⑦alt属性

はじめにWebサイトには、色々な写真・画像が乗っており、見ていて飽きないですよね。そんな普段見慣れたサイトに貼られている画像ですが、その一つひとつの画像には「alt属性」というテキスト情報の設定ができます。検索エンジンは、検索エンジンを使用するユーザーの考え方に近づける為、画像そのものは認識できない仕組みになっており、画像の内容を理解できず、評価することもできません。その為、画像に書かれている内容を検索エンジンに伝え、画像の代替テキストを設定するのが「alt属性」

SEO対策⑥meta description

はじめにmeta description（メタディスクリプション）とは、Webページのコンテンツを100文字程度の文章で表した「概要」・「要約」の様なもので、HTMLの内に記述します。検索順位結果に影響を与えなくなった為、以前ほど重視されない傾向にありますが、現在でも、ユーザーのクリック率に大きな影響を与える要素です。今回は、meta descriptionの概要・記述方法などについて、説明していきたいと思います。 ※記事を移行しました。

SEO対策⑤ CSSの非同期読み込み

はじめにサイト高速化にあたり、PageSpeed Insightsを使用している際、「キーリクエストのプリロード」という項目が出現しました。「<link rel="preload"> を使用して、現在ページ読み込みの後のほうでリクエストしているリソースを優先的に取得することをご検討ください」とのことです。この改善はサイト高速化に有効なので、今回は、preloadについて説明していきます。 ※記事を移行しました。

SEO対策④サイト表示速度 -遅延読み込み-

はじめに前回の記事で、「pagespeed insights」を使ったサイトのパフォーマンスチェックを行いました。その中に、「オフスクリーン画像の遅延読み込み」という項目があり、「適切なサイズの画像」程ではないですが、大きな改善項目として挙がっていました。そこで、「オフスクリーン画像の遅延読み込み」とは何なのか、その対策について、説明していきたいと思います。 ※記事を移行しました。

SEO対策③サイト表示速度 -画像の最適化-

はじめに先日、GoogleのWebパフォーマンス改善ツールの1つである「PageSpeed Insights（ページスピードインサイト）」を使用し、自分のWebサイトの表示スピードを調べていました。結果、スコアは70という、良くもなく、悪くもなく、といったところでした。（後述しますが、スコアは0～100です）大きな改善点として、「適切なサイズの画像」という項目がありました。調べたところ、画像はユーザーの目を引き付けたり、文章では説明が難しい内容を分かりやすく伝えたりと