GTMでクリックされたリンク内の画像のaltを取得する方法 | アユダンテ株式会社
比較的よく見かける計測として、特定（またはすべて）のリンクがクリックされた際に「どのリンクがクリックされたか」を計測しようとするリンククリック計測があります。 通常のテキストリンクであればGoogleタグマネージャ（GTM）でも設定は容易で、Click URL変数（リンクURLを取得する変数）やClick Text変数（リンクに含まれる通常テキストを取得する変数）など便利な変数も用意されています。 ただし、残念ながら画像のalt属性などを取得する組み込み変数は用意されていません。 そのため、テキストが含まれるリンクであればともかく、テキストを含まない画像のみのリンクについては計測がやや難しくなります。 そこで今回は「リンクに含まれる画像のalt属性の文言」を取得するためのカスタムJS変数についてまとめてみました。 リンククリック計測の設定をGTMでされる際にご参考ください。 なお、本記事で
alt属性の適切な使用方法と考え方
SEO Imagination！ブログは、札幌で活動するフリーのSEOディレクター伊藤公助のブログです。SEOやSEMなどの情報を配信していきます。 基本的な事柄ですが、SEOを意識する上でも、注意したい画像のalt属性について、まとめておこうと思います。 Googleは、画像内に表示されている文字情報や、その画像が何の画像なのか？を読み取ることが出来ないとされています。 画像データは、Webサイトのデザインには欠かせないものですので、その意味を伝えるalt属性についても理解し、適切な設定を行う事で、ユーザビリティとSEOにも配慮しましょう。 alt属性はどの様に参照されるのか？ まず最初に、alt属性とはimg要素に記載する属性値の1つです。 以下のサンプルコード alt=”” に書かれている情報になります。 <img src="image.jpg" alt="画像ファイルの説明をするテ
alt属性はアンカーテキストの十分な代わりになる
「アンカーテキストはバラエティをもたせる」という昨日エントリした記事には、コメントやTwitterを見ると「そのとおりだ」として賛成する声、「単一のキーワードのほうが効果がある」として異論を唱えるの両方がありました。 100本のリンク中90本が同一のアンカーテキストの場合と、1,000本のリンク中90本が同一のアンカーテキストの場合では、同じ90本でも検索エンジンの見方は変わってくるでしょう。 同一アンカーテキストの全体に占めるの割合の9割を、サイトタイトルの「英会話のBAON」が占めていた場合と一般用語の「英会話」が9占めていた場合では、検索エンジンの見方も変わってくるかもしれません。 キーワードの難易度やリンクの総数などにも影響を受けるでしょうから、調整しながら自分の感覚でやっていくのがいいと思います。 さて、今日はアンカーテキストにとって代わる「リンクのキーワード効果を増す」要素につ
W3C HTML5 草案アップデートされる。新要素も追加。 « HTML5.JP ブログ
W3C HTML5 仕様の草案が、2010年6月24日版としてアップデートされました。前回の2010年3月4日版の公開から約4ヶ月ぶりの更新となります。いくつかの仕様の更新がありますので、ここで詳しく見ていきましょう。 アップデートされた仕様書 今回のアップデートでは、HTML5 仕様だけではなく、それに関連する仕様も、2010年6月24日版としてアップデートされました。 HTML5 HTML5 differences from HTML4 HTML: The Markup Language HTML+RDFa 1.1 HTML Microdata HTML Canvas 2D Context 以上の 6 つの仕様書は、以前から存在していた仕様書で、今回はアップデートという位置づけになります。しかし、今回は、上記の仕様書に加え、以下の 2 つの仕様書が新たに加えられました。 HTML5:
フッターの画像のaltテキストであっても沢山あれば重要なキーワードとして認識されうる - F.Ko-Jiの「一秒後は未来」
Googleのウェブマスターツールに「キーワード」というメニューがあります。 ↑ メニューでいうと「ウェブ上のサイト」という項目の下にあります。 次に示すのは、サイトのクロール時に見つかった最も一般的なキーワードです。これらのキーワードはサイトのテーマを反映しています。 という説明にあるように、この画面にあるキーワードはサイトのテーマを反映しているものらしいのです。が、このブログのデータをよく見てみると、 ↑ 「rss」「フィード」ついでに「アーカイブ」というキーワードがやたら重要度が高い・・・。 「RSS」や「フィード」は確かによくブログでも取り上げますが、「アーカイブ」は明らかに違います。これは何かがおかしい。。 それでよくHTMLソースを調べてみると、原因はフッターのカテゴリーごとのRSSアイコンに記述していた代替テキストが原因だと分かりました。 ↑ このように alt に「rss」
HTML5のimg要素のalt属性の仕様は読んでおくべきだと思う。
読んでおくべき。で終わってるタイトルが、自分っぽくなくて違和感有り有りだったの何となく変更。 都道府県選択するやつ。がもしかしたら一日辺りの過去最高のアクセスを稼いだかも知れないという現実。 7月16日のアクセスが17,000PVオーバーって何だ・・・おかしいな、ウチはCSSネタが主力なのに・・・あぁ複雑。 本題ですが、HTML5のimg要素のalt属性に関する仕様がすごい事になってますね。 ちょっと読んでて泣きそうになるくらい事細かに書かれています。 これは、コーディングを生業としている人間なら覚えていなければならないと思うので、必読すべき内容です。 4.8.2.1 Requirements for providing text to act as an alternative for images 4.8.2.1 イメージの代替として作用するテキストを提供するための要件 ざっくりまとめ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
altがSEOに有効かどうかという話: バカ
5 Things to Know When Writing Photo Alt Text
Image SEO Tool / Alt text checker
SEO Design Solutions Blog
Correlation, Causation & SEO - Whiteboard Friday