/ / ALT属性を画像に正しく割り当てる方法は?

ALT属性を画像に正しく割り当てる方法は?

すべてのWebページはマークアップを使用して作成されます-特別に提供された言語(ほとんどの場合、HTML)で記述されたコード。次に、ユーザーのブラウザーは、リソースの作成者が私たちに伝えたいと思ったすべての情報を適切に表示するために、このコードを読み取ることができます。 Webページに表示されるすべての要素は、アクセスしたサイトのソースコードによって提供されていることがわかります。

コードの最適化

ALT属性を登録する

あなたが推測できるように、これのすべての文字コード、各文字には意味があります。また、興味深いことに、サイトには、その最適化(検索エンジンのリソースの正しい設定を意味する)にとって非常に重要な要素が視覚的に含まれていない場合があります。そのような微妙なものには、例えば、ALT属性が含まれます。それは多くのリソースのページにあり、非常に多くの場合、私たちは単にそれに気づいていません。

この記事では、どのように焦点を当てたいと思いますこのウェブデザイン要素の倍。ここでは、サイトの正しいランキング、トラフィックの増加、およびサイトでの作業におけるユーザーの利便性にとって、なぜそれが非常に重要であるかを説明します。

ALT属性とは何ですか?

最初から始めましょう。この記事の内容と、この属性が必要な理由について説明します。

ALT属性

したがって、このテキストを理解するには、まずHTMLマークアップ言語を理解する必要があります。これは、基本的なWebページが記述されているコードであり、すでに述べたように、ブラウザーに表示されるという特性があります。言語全体は、特別な属性(IMG、ALT、FONTなど)で構成されています。それらのそれぞれは、1つまたは別の設計要素を操作する責任があります。実際には、上記のALT属性は、サイトページにある写真に使用されます。具体的には、写真の説明を作成するために使用します。これにより、ユーザー(サイト訪問者)は写真に何が表示されているかを簡単かつ簡単に把握できます。確かにあなた自身がそのような説明に出くわしました-あなたが絵の上にマウスを置くとそれらは現れます。

実用的な価値

もちろん、これらの属性は実際に使用されます。理由があります。ウェブマスターは、サイト訪問者自身と同じくらい(そしておそらくそれ以上)、画像の説明を必要としています。結局のところ、すべての画像にALT属性がない場合、ページの画像に説明テキストが追加されていれば、人はこれに気付かない可能性があります。一方、検索ロボット(ALTが空の場合)は、サイトを十分に評価せず、検索結果での位置を減らし、十分な訪問者を獲得できない可能性があります。したがって、サイト上の写真の説明は、ウェブマスター自身にとっても重要な役割を果たしており、無視することはできません。

表示されているすべての画像にALT属性がありません

検索エンジンのボーナス

正しく利益を上げるよりもよく理解する写真の説明タグを記入して、小さな例を示します。画像がホストされているサイトがあるとしましょう。 ALT属性を指定しない場合、ユーザーはこの写真またはその写真に表示されている内容を確認できるため、問題は発生しません。まったく異なる結果がリソースの所有者を待っています。所有者は上記のタグを無視します。たとえば、画像カタログからのトラフィックの一部が失われます。

ALT属性を書くにはどうすればよいですか?

写真にALT属性を追加する方法

技術的には、難しいことは何もありませんこの写真またはその写真の下に説明を記入してください。これは明らかです。サイトのHTMLエディターに移動して、画像コードを見つける必要があります(IMGで始まり、IMGで終わります)。このコードブロック内にコードがあります。これは、ALT属性を登録する必要があると彼らが言うときの意味です。これは次のように行われます:“ alt =“ description”。

写真のALT属性

クリーンなコードで作業していないが、あなたはサイトのためにある種の別個の「エンジン」(例えば、WordpressやJoomla)を使用します-それは私たちのサイトが検索エンジンによって記憶される「alts」を追加するための特別なメカニズムを統合します。新しいALTを入力すると、更新はページに表示されます。

彼らは属性に何を書きますか?

もちろん、問題があるときALT属性を登録してください。技術的な側面については考えていません。ほとんどの場合、この質問は、ウェブマスターが特定の画像についてどのような情報を示す必要があるかを知らない場合に尋ねられます。このため、検索エンジンの観点から、どの情報がサイトに役立つかを言うことは困難です。

実際には、解決するための多くのアプローチがあります説明の問題。誰かが典型的なテンプレートを使って作業します。それによれば、タグはページが作成されるキーワードで単純に埋められます。おそらく、これは頻繁に見られる最も一般的な方法です。場合によっては、ALT属性の記述方法を探す代わりに、ユーザーは単にそのスペースを空白のままにします。ここで、どの説明を示すかについては、誰もが独自に決定することを明確にする必要があります。

ALT属性がありません

必要条件

同時に、いくつかのメインがあります誰もが自分の写真に理想的な属性を追加できるルール(または、必要に応じて要件)。それらは少数のポイントで構成されており、各ポイントはサイト上の写真や写真の説明を参照しています。

たとえば、最初のそのような要件は長さです全文。 ALT属性を正しくつづる方法を探しているなら、解決策は簡単です。2〜3語以内で使用してください。このサイズのテキストは、まず、検索ロボットによって完全に読み取られます(そしてサイトの関連性が高まります)。第二に、そのような説明はユーザー自身にとってより理解しやすいものです。同意し、全文を読んでください。写真に何が表示されているかを知りたいだけなら、誰も知りません。説明を簡潔かつ正確に述べるだけで十分です。これは、あなたとあなたの顧客の両方に役立ちます。

セマンティックロードを忘れないでください。象と一緒に写真を投稿する場合は、その品種や歴史を必ず説明してください。彼がこの特定の写真に写っている理由を明記してください。それによって何を言いたいですか。訪問者がこの象についてのあなたの考えを知ることは役に立ちます。

もう一つの重要なポイント(数多くの実地試験中)は独自性です。写真のALT属性を登録する方法を探している場合は、覚えておいてください。サイトにリストされている写真ごとに一意に選択する必要があります。たとえば、「my elephant」というキャプションを付けて、3枚の写真を続けて公開するのは誤りです。検索結果のリソースに害を及ぼすだけです。画像に「elephant1」と「elephant2」という名前を付けると、よりユニークになります。

ALT属性を正しく書く方法

最後に、画像自体のパラメータについて覚えておいてください。ALT属性を追加する方法を探しています。写真の場合、いくつかの基準を満たすことが重要です。小さすぎず、リアルに見えます。つまり、説明を指定する場合は、より重みがあると見なされるより深刻な画像に対してそれを行います。小さなスマイリーなどにはALT属性を指定しないでください。

ALT検索

最後に、属性の基本について話しました。そのコンパイルのルールのいくつかと、それらに対する両方の当事者(ユーザーと検索ロボットの両方)の要件。では、考えてみましょう。Webサイトに登録するキーワードやフレーズをどのように検索するのでしょうか。上記のように、検索は実際にあなたのサイトに顧客を引き付け始める既製のキーワードデータベースに向けられるべきです。もちろん、ALT属性がないとこれは達成できません。コンテンツで使用する既製のキーワードやフレーズを取り、写真に挿入します。

あなたがそのような情報を持っておらず、あなたが持っていない場合徐々にリソースを宣伝していくことを考えましたので、新しいサイトを簡単に作成できるような「キーワード」のデータベースを探し始めることをお勧めします。このためには、特定のフレーズの検索統計を表示するGoogleキーワード抽出ツールやYandex.Wordstatなどのサービスが最適です。これらの設定で「遊ぶ」ことにより、サイトでの検索トラフィックのシェアを大幅に増やし、新しいメリットを引き出し始めることができます。重要なのは、すべての表示画像にALT属性がないという状況はないということです。

結論

だから、これで説明されていることについて私たちは何を言うことができますか記事の属性?これは、最も単純なサイトであるHTMLの作成に使用される言語の一部です。これは、基本的な基本言語を記述しているため、非常に簡単に実行できます。写真にタグを登録するには、ソースコードを使用してタグを自分で配置する必要があります。または、新しい手順を使用して、最初からやり直します。とはいえ、ALTタグの表示は、訪問者とリソースの所有者の両方が満足している場合の相互利益の理想的なケースです。

タグを指定すると、新しい訪問者につながる可能性があります。-この現象は、GoogleやYandexImagesなどのサービスで特によく見られます。写真をクリックすると、サイトは画像の取得元を独自に判断し、訪問者をリダイレクトします。そして、ご存知のように、これは将来できるようにするために非常に重要です。

気に入った点 -
0
人気の投稿
精神的な開発
食べ物
うん