ベスト 物品 ブログを書いている時、記事を作成している時 出版物また、競合他社よりも優れたウェブサイトを作りたい場合は、以下のような方法があります。 イメージ.ウェブサイトに画像を掲載する方法は、alt画像タグ（alt画像テキストとも呼ばれる）を使用することです。
使用方法 アルトタグ SEO は、ウェブサイトを最適化するための1つの方法であり、そのためには 探索 エンジンは、あなたのサイトをランク付けする際に、その役割を果たします。には 学ぶ altタグの使い方についてはこちら イメージSEO より良い戦略、ちょうど私達の記事を読んで続行します。この記事は、あなたがより良いランキングを持ち、より大きな結果を得るためにあなたの画像を使用できるように、あなたが知りたい情報を提供します。
Altテキストとは何ですか？
Alt-textは、altタグやaltディスクリプションとも呼ばれ、その役割は、あなたのウェブサイトに配置されることになっている画像を説明するテキスト行を提供するだけです。画像が表示されない場合、このテキストがその場所に表示されます。
alt画像の目的のひとつは、視覚に障害のあるコンピューター・ユーザーが 画面読み上げツール を取得する。 アイデア の なにごと を表示させることができます。さらに、検索エンジンに役立つ 這う より良い、より良い場所を提供する。 正確 あなたのウェブページやウェブサイトへのランキング。
つまり、視認性を良くしたいときは、altテキスト 兵法 を正しい方法で表示します。また、ウェブページにさらなる価値を提供することなどに役立ちます。Altテキストまたはaltタグは、画像に関するすべてのことです。
画像が読み込まれないのですが？
これは、必ずしも 悪い altタグのせいです。画像が表示されず、読者が見るのはその場所にあるaltテキストだけ、という理由は他にもあります。そのような理由には、次のようなものがありますが、これらに限定されません。
- ユーザーのWi-Fi信号またはモデムが弱い場合
- テキスト内の画像リンクが壊れています
- 画像のサイズが大きすぎる。
- 誤ったファイル名が使用されています
- ユーザーがスクリーンリーダーを使用している
画像が適切に表示されることは、ウェブサイトの読者にとって不可欠です。 コンテンツ の方がずっといい。写真は千の言葉に値するし、あなたの主張をより簡潔に伝えるのに役立つ。
Altテキストが重要である4つの理由
altテキストボックスを空白にすることは可能ですが、次のような場合に使用するにはあまり良いオプションではありません。 ランク と読者を獲得することができます。次の4つの理由は、なぜそのボックスを正しく埋めることが不可欠なのかを教えてくれます。
- 空白になることはありません。画像の読み込みに失敗すると、テキストが表示されます。
- altテキストは、アクセシビリティを向上させ、視覚に障害のあるユーザーが画像の説明を聞くことができるようにします。SEOに配慮したウェブデザインを行う上で重要な要素です。
- です。 グッドSEO 検索エンジンがあなたのウェブページをランク付けするのに役立つだけでなく、その画像があなたのコンテンツとどのような関係があるのかを理解するのに役立つので、実践してください。
- 画像をリンクとして使用する場合、テキストが アンカーテキスト.
altテキストを適切に使用するための重要な要素の1つは、それらの検索エンジンが画像アルゴリズムを使用して、あなたの画像が何であるかを把握することを許可していることです。テキストは、その識別のための大きな手がかりとなります。
それに負けず劣らず、Googleはウェブページに使われているaltテキストのみで、ウェブサイトをランク付けする能力を持っているようです。そこで、自然に使いたいのが SEOキーワード.ただし、altテキストにキーワードを詰め込み過ぎないように、上記の指示に従うようにしてください。
Googleで画像を上位表示させるためには、以下の4つのヒントを参考にするとよいでしょう。
- 意味のあるaltテキストコンテンツを使用する
- 関連するコンテンツを含むページに画像が掲載されていることを確認する。
- 高画質な画像を使用するようにする
- 意味のある良いファイル名を使用する
ウェブページにAltタグを追加するには？
通常、コンテンツ 運営 のようなシステムです。 ハブスポット または ワードプレス は、編集しやすい形式を持っています。正しい編集画面とポップアップウィンドウにたどり着くまで、ほんの数秒しかかかりません。そこから適切な場所にテキストを追加し、保存をクリックすれば完了です。
ハブスポットのユーザーの場合、画像をクリックしてから編集アイコンをクリックし、ポップアップ画面を表示させる必要があります。表示されたら、通常は画面の下部にあるaltテキストボックスにテキストを追加すると、テキストが自動的にHTMLコードに挿入されます。
ワードプレス は、画像の編集がさらに簡単になったようです。ここでも画像をクリックする必要があります 何の をクリックすると、画像の横にあるサイドバーでブロックタブが開きます。alt textと書かれたボックスまで下りて、テキストを追加します。更新をクリックすると完了です。
この更新と編集を行うときは、非常に具体的で非常に説明的であることを確認してください。しかし、altテキストが画像の文脈を説明していることを確認しなければ、画像がその意味をなさないこともあります。
Altテキストが正しく表示されない3つの理由
1.キーワードは必ずしも良いとは限らない
altテキストに多くのキーワードを詰め込むと、あまり良いイメージを与えることはできません。文脈がわからなくなり、無駄な情報が多くなってしまいます。キーワードは重要ですが、多すぎると検索クローラーに嫌われます。
そうすると、検索エンジンがその画像とコンテンツの他の部分との関連性を理解するのが難しくなります。このような理解不足は、検索エンジンのランキングに悪影響を与える可能性があります。 ロングテールキーワード.
また、Googleの場合は、以下のようなものが発生する可能性があります。 ペナルティー 誰も受け取りたくないような
2.ディテールは必ずしも十分具体的ではない
野球場でボールを振っている野球選手というaltテキストがあってもいい。人によっては十分詳細で説明的かもしれませんが、検索エンジンが上位に表示するためには十分ではありません。
この画像は野球選手が野球ボールに向かってスイングしている様子を表していますが、検索エンジンがその画像と記事やウェブページのコンテンツとの関連性を理解できるよう、より適切な表現が可能です。
例えば、サンフランシスコ・ジャイアンツのウィリー・メイズが、キャンドルスティック・パークでボールを打っているところ、といった具合です。
3.詳細が不明確なため、特異性が損なわれる
より具体的に十分な文脈を提供するaltテキストや画像の主題があります。しかし、すべての画像がそのようになっているわけではありません。中には、人名や地名などがない、ごく一般的なものもあります。
コンピュータの画面を指差す女性と言う代わりに、コンピュータを使っている人と、モニターを指差す人がいる場合、文脈を使ってより具体的に表現することができます。
altテキストには、「コンピュータの先生が生徒のコンピュータの画面を指差している」というような内容を指定します。検索エンジンが好む文脈と特異性の両方が得られます。あるいは、さらに一歩進んで、「コンピュータの先生は、コンピュータ・クラスの生徒に教えるためにコンピュータ・ソフトウェア・プログラムを使っている」とすることもできます。
altテキストは、具体的で、画像の文脈に関連した、可能な限り詳細な記述である必要があります。詳細であればあるほど、画像用altタグのSEO効果は高くなります。
を怠らないことが必要になります。 しひつ のaltテキストに、誰もが見るものをシンプルに書いてください。画像をよく見て、より具体的に、ランキングを上げるのに役立つ詳細を引き出せるかどうか確認してください。
Altタグのベストプラクティスとヒント
画像から正しい情報を引き出すには、練習が必要です。画像から適切な情報を引き出すには練習が必要で、altテキストをより良いものにするためのヒントを見つけなければなりません。
altタグの最適化のために文章を書くときは、以下のaltタグのベストプラクティスのヒントを使うことを検討するとよいでしょう。
- 具体的かつ詳細な説明- 一般的なテーマについて書くだけではいけません。画像からできるだけ詳細を引き出して、具体的かつ説明的になるようにします。できるだけ具体的で、やり過ぎないようにする。文章をダブルチェックするために、文章を完成させ、それを読んでから、画像そのものを使わずにイメージを思い浮かべてみてください。イメージの全体像がはっきり見えるかどうか、確認してください。
- 本を書いてはいけない- altテキストはできるだけ短くすることをお勧めします。長い段落や本の長さのような説明を書く必要はありません。目標とする長さは、100文字から125文字の間であり、それ以上であってはなりません。スクリーン・リーダーの中には、125文字以上を読み取れないものがあります。
- 同じことを繰り返さない- 冗長になる必要はありませんし、必要のない言葉も入れたくありません。不要な言葉としては、「photo of」「image of」などがあります。誰もが知っていることを繰り返すのではなく、適切な文章を心がけましょう。すでに暗示されている単語は、文章に含める必要はありません。
- キーワードを自然に使う- キーワードを使用することは問題ありませんが、ただ、テキストをキーワードで埋め尽くさないようにしてください。ターゲットとなるキーワードと、ウェブページの内容や画像との兼ね合いをよく考えるようにしましょう。ると自然になりやすくなります。 写真 ウェブページの内容と一致する
- キーワードを正しく使う- つまり、テキストにキーワードを詰め込まないことです。altテキストに必要以上にキーワードを詰め込みすぎると、ランキングやSEO対策に支障をきたす可能性があります。
- テキストに画像を重ねて使用することを避ける- テキストの目的は、スクリーン・リーダーが画像を理解するのを助けることです。テキストの代わりに画像を使ったり、画像の中にテキストを入れたりしても、画像を理解することはできません。テキストはテキストであり、その状態を維持します。
- 目的を明確にする- その目的は、画像を見ることができない人が、画像の中身を理解できるように、最適な方法で画像を説明することです。SEO対策や検索エンジンだけでなく、実際の利用者を想定してaltタグを書きましょう。
- 引用符の使用を避ける- 引用符を追加すると、HTML関数が壊れる可能性があります。システムはすでに、テキストの開始と終了を示すために、独自の生の引用符を使用しています。
- 画像をボタンに見立てる- その場合、その画像の目的を示すaltテキストが必要です。altテキストは、「送信」、「検索」、「今すぐ応募」のようなシンプルなものでよいでしょう。
10. テストを行う - altテキストを正しく設定したことを確認するために、実際にテストしてみましょう。すべてが計画通りに動作することを確認する必要があります。
Altタグの内容
先ほど学んだように、画像については、あまり言葉を選ばずにできるだけ具体的に記述する必要があります。今後、altテキストの書き方が変わらない限り フューチャーのように、altタグの枠に書く内容に制限はありません。
あなたは じゆうざんまい を使えば、何語でも、好きな言葉を使うことができます。しかし、これらの単語を使用するときは、使用している写真を説明するものであることを確認してください。しかし、altテキストに何も書かない自由もあります。
画像を使用せず、空白の場所だけ挿入したい場合は、空白にすることも可能です。さらに、画像に簡潔さが必要な場合は、2ワードまで短くすることができます。空のaltタグは、alt = ""のように見えるだけです。
利用を検討する上で欠かせない要素のひとつが、「セントラル キーワード に対して ランディングページ.これは守るべき重要なルールで、メインキーワードを含めるだけで最適化とランキングアップに役立ちます。
altテキストに含めるキーワードは、常に自然な形で使用してください。無理矢理なキーワードは、画像やウェブページの見栄えを良くすることはできません。テキストは、関連性を作成する必要があります。
以下は、altテキストが持つべきポジティブな特徴です。
- キーワードを使っても使わなくても、常に自然な文章を書くこと。
- キーワードを詰め込まず、賢く使う。
- 写真の内容やビジュアル面を説明するテキストを用意すること
- テキストは、画像の目的と、なぜその画像がウェブページに掲載されているかを説明する必要があります。
- テキストは、ウェブページに付加価値を与える必要があります。これは、ユーザーの利便性と検索エンジンの目的のためです
- テキストは、Webページとそのアクセシビリティのための利点を作成する必要がある
- すべてのタグには、検索エンジンがあなたのWebページやWebサイトをランク付けするのに役立つ検索語やキーワードを含める必要があります。
レイジーローディングはAltテキストに最適か？
画像をゆっくり読み込むにはいい方法かもしれませんが、SEO関係者の中には、その評価に同意しない人もいます。 レイジーローディング は、ウェブサイトの読者が画像までスクロールダウンしたときにのみ画像が読み込まれます。すべての画像が一度に読み込まれるのではなく、訪問者がウェブページを読むときに一度に読み込まれます。
という懸念があるそうです。 グーグルボット は、画像がすべて同時に読み込まれないと、すべての画像を読み取ることができません。Googleのボットは、画像が読み込まれていない場合でもaltテキストを読み取ることができるため、すべての画像にaltテキストを設定することで、このリスクを最小限に抑えることができます。
もちろん、これはあなたの好みによりますし、遅延ロードシステムを使用することもできます。ランキングに悪影響を与えることはありませんが、念のため、各画像にaltテキストが追加されていることを確認してください。
Altタグとタイトルタグは同じか？
いいえ、そうではありません。両者の違いのひとつは、カーソルを合わせると タイトル または画像にリンクします。通常、titleタグはリンクについてより詳しく記述し、ユーザーにより詳細な情報を提供します。
それから、altタグは通常、あなたのウェブサイトのユーザーや読者には見えません。画像が読み込まれないときにだけ表示されます。また、表示されても、titleタグほど多くの情報は含まれません。
また、altタグはtitleタグを使用しない場合の代用品となります。カーソルをタイトルに合わせると、titleタグの代わりにaltタグが表示されます。しかし、これはtitleタグがそれほど重要でないという意味ではありません。その目的は、画像とその画像を使っている理由との関連性をさらに高めることです。
さらに、その画像がウェブページのコンテンツに対して持っている重要性を提供します。altテキストやtitleタグよりもさらに多くの情報を提供するタグがあり、唯一 ファイアフォックス をサポートし、その他の小さなブラウザでは ロングデスク タグを使用します。
エクスプローラーでも、このタグのテキストを読むように設定する必要がありました。しかし、HTML5を使ったWebサイトの実装では、longdescはサポートされなくなった。検索エンジン最適化の際に見落とされる可能性があります。
この長いテキストを使用するには、通常、HTML文書として書き出し、リンクでアクセスする必要があります。それでも利用することは可能ですが、書き出しとソーステキストへの格納に少し時間がかかるかもしれません。
繰り返しになりますが、このオプションがあなたにとって価値があるかどうか、ランキングやその他のSEO対策に役立つかどうか、評価する必要があるでしょう。
ウェブページにAltテキストを追加する
ウェブサイトにaltテキストを追加するための良い出発点を見つけるには、次のことを行う必要があります。 SEO監査 現在のコンテンツのこの 監査 は、altテキストを追加することで写真がより美しくなる場所や、タグ付けされていない画像について説明するのに役立ちます。
オーガニックトラフィックをモニターして、新しいaltタグが視聴者にどのような変化を与えたかを確認することができます。画像を最適化すればするほど、SEO対策が強化されます。
ウェブサイトのランキングを上げるには、画像にトップクラスのaltタグを設置することが重要です。
結論
altタグを使用することで、現在の状況よりも改善されます。重要なのは、上記のルールに従い、適切な長さにすることです。すべてのスクリーンリーダーが画像の内容を読み取ることができるように、125文字以下になるようにしてください。
また、テキストにキーワードを詰め込まないようにしましょう。画像がいつも読み込まれない場合、それはaltタグのせいではなく、画像が画面に表示されない他の多くの理由の一つかもしれません。
あなたの ゴール は、できる限り具体的で、できる限り最高の描写をし、それをすべて125文字以内に収めることである。それは不可能な夢ではなく、とても手の届く目標だ。
もし、あなたも自分のウェブサイトのaltテキストに悩んでいて、何らかの指導を必要としているなら、遠慮なく私たちと連絡を取ってください。
に掲載されました。1月 2022 最終更新日：2022-12-28T09:50:09+00 by. Lukasz Zelezny
ブログ
関連記事
