ブログ

hタグに画像を使うことは問題ない

クローラーとユーザー双方にとって見やすいWebサイトを作成するために必要不可欠なhタグですが、テキストではなく会社のロゴなどの画像や、画像加工された見出しを挿入しているWebサイトを多く目にします。

hタグに画像を使うことは問題ないのでしょうか。
hタグに画像を使うことによる、Googleの評価への影響について解説します。

タグとは

hタグとはHTMLで見出しを作るためのタグで、<h1>から<h6>まで6種類あります。
数字の小さいほうが重要度が高く、デザインも大きくとられることが多くなっています。

hタグを正しく使うことによって、ユーザーにもクローラーにもどれが重要な情報でどのようなコンテンツ構成になっているのかを把握しやすくなります。

hタグに画像を使っても問題ないのか

結論から言えば、hタグに画像を使っても問題はありません。

ただし、なるべくテキストを使うことをおすすめします。
クローラーなどロボットは画像を見ただけではその内容を理解することができないからです。
その理解を助けるために、hタグに画像を使う場合は画像内のaltテキストを設定しておくようにしましょう。

hタグを使う際の注意点

hタグに画像を使っても問題はないとはいえ、気を付けておきたいポイントがあります。

なるべく画像内に見出し用のテキストを含むなどのテキストを使う

altテキストを設定するとはいえ、見出しとして意味のある画像を使うことをおすすめします。
altテキストは画像の代替テキストという意味がありますので、altテキストにそぐわない画像を使用するのは好ましくありません。

ページ間で同じ画像やaltテキストをh1に使わない

特にh1タグに画像を使用する場合には、他のページと全く同じ画像、同じaltテキストになっていないかどうか確認することをおすすめします。
h1はページの大見出しを表しますので、たとえば、サイト内全てのページでh1がロゴ画像になっているようなケースは避けるべきです。





無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー



無料資料ダウンロード

サービス資料ダウンロード

用語集

ソースコード集

お役立ちリンク集

無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー

お役立ちツール

カテゴリ一覧

タグクラウド

新着記事一覧

  1. ウェブマスターオフィスアワーまとめ(2019年8月9日)

    8月9日のウェブマスターオフィスアワーが行われました。 Googleの金谷さんとあんなさんが発言した内容をまとめます。 目次 イベント告知金谷さんのツイートピックアップ10年前のサイトも検索に表示される7月から新規サイト […]...

    1. Google検索品質評価ガイドラインの要約とSEOへの活用方法

      Googleの検索品質評価ガイドラインとは、Googleが自身の検索エンジンの品質を評価するために、外部の品質評価者に向けて評価方法を説明した資料のことです。 検索品質評価ガイドラインには、Googleがどのようなページ […]...

      1. サクラサクラボ7月のツイートまとめ

        当サイトのツイッターアカウント(@sakurasakulabo)のツイートから、7月のイベントを振り返ります。 ツイッターのフォローはこちらからお願いします。 Follow @sakurasakulabo 目次 robo […]...

おすすめコンテンツ

  1. コンテンツマーケティングとは?特徴と事例、社内でできる方法を解説します

    ここ数年で急激にコンテンツマーケティングという言葉を聞くようになりました。しかし、「興味があるがまだ着手できていない」という人や、「そもそもどんなコンテンツを作ればいいのかわからない」、「社内で運用しているが成果がでない […]...

    1. SEO対策(検索エンジン最適化)とは~Googleで上位表示を実現する方法

      目次 1. SEO(Search Engine Optimization:検索エンジン最適化)とは 2. SEOの現在(検索エンジン最適化≒Google最適化) 3. Google Search Consoleの活用とS […]...

      1. SEOに強いコンテンツは回答性×網羅性×文字数×ユーザー体験

        目次 SEOに強いコンテンツとは回答性網羅性文字数ユーザー体験[回答性×網羅性×文字数×ユーザー体験]を考慮したSEOに強いコンテンツ制作お問い合わせフォーム SEOに強いコンテンツとは 検索エンジンで上位表示をさせるた […]...

最新情報を取得する

PAGE TOP