JavaScript挿入したrel=canonicalをGoogleは処理できる
[レベル: 上級] JavaScript によって挿入した rel="canonical" を Google は認識、処理できます。 JS 挿入の rel=canonical をサポートしなかったのは昔の話 「レンダリング前の、初期状態の HTML コードにある rel=”canonical” だけを Google は処理する」と John Mueller がちょっと前に言っていたが今でもそうなのか？ Google の Martin Splitt（マーティン・スプリット）氏に Twitter でこのように質問したユーザーがいました。 @g33konaut Does Google still only process rel="canonical" in the initially fetched, non-rendered HTML? John tweeted this a while a
aタグのrel=”noopener noreferrer”の意味とは？SEO的にどう？ | まろりかの自由帳
この記事ではaタグのrel属性のnoopenerとnoreferrerについて解説します。 SEOへの影響やWordPressの外部リンクで自動でnoopenerが付与される件についても言及しています。 rel=”noopener noreferrer”とは？ noopenerは新しいタブで外部リンク（外部サイトへのリンク）を開く場合に使用する場合があります。 noreferrerは外部リンクの際に利用を考えます。 内部リンクの場合は基本的にはnoopener、noreferrerのどちらも付ける必要はありません。 （内部リンクの場合でも使うケースはあります。） rel=”noopener”の役割 noopenerについては新しいタブで開く場合に効果を発揮します。 （aタグで新しいタブを開く場合はtarget属性でtarget=”_blank”とします。） rel属性にnoopenerを付
AJAX で拡張したサイト - ウェブマスター/サイト所有者 ヘルプ
Understand the JavaScript SEO basics JavaScript is an important part of the web platform because it provides many features that turn the web into a powerful application platform. Making your JavaScript-powered web applications discoverable via Google Search can help you find new users and re-engage existing users as they search for the content your web app provides. While Google Search runs JavaSc
GoogleアナリティクスのイベントトラッキングはonclickよりonMouseDownとonTouchStartで計測
Googleアナリティクスのイベントトラッキングのコードはonclickで設置するよりonmousedown、ontouchstartで計測する方が取得数がより正確になります。 以前のアナリティクスのABテストの記事でonclickでイベントトラッキングしましたが、実際のPV数よりイベントのカウント数が少なくなっていました。なぜなのか調べてみましたら次のような記事がありました。 ⇒GoogleAnalytics イベントトラッキング: onClick vs onMouseDown （ありがとうございます） このコード、実はやや問題があって、リンク先のPDFの読み込みが速いと、ビーコンをGoogleに送る前にリンク先のPDFが開いてしまい、ビーコンを送信していた元のページがunloadされ、結果としてイベント/PVがカウントされないことがあります。 この記事に書かれている内容は、onclic
JavaScript SEOの基本を解説するドキュメントをGoogleが公開
[レベル: 上級] JavaScript を多用するウェブサイトの SEO のために必要な基本知識を解説するドキュメントを Google はデベロッパーサイトで公開しました。 ドキュメントに書かれている内容をざっくり紹介します。 Googlebot が JavaScript を処理するプロセス Googlebot による JavaScript の処理は次の 3 つのプロセスに大きく分かれます。 Crawling（クローリング） Rendering（レンダリング） Indexing（インデックシング） 2 番目のレンダリングが、静的な HTML ドキュメントにはないプロセスになります。 レンダリングが完了して初めて最終的なコンテンツがインデックシング プロセスに渡されます。 クローリングもレンダリングも、すぐ実行されるとは限りません。 “キュー” に保存され順番に処理されます（なので、レンダ
【Google アナリティクス】イベントトラッキングを使って計測してみよう
ユーザが特定の行動を行った時、カウントして計測を行えるイベントトラッキング。 販売動向の分析、資料のダウンロード数やお問い合わせ数の計測など、様々な場面で役立つ機能です。 今回はこのイベントトラッキングについて学んでみようと思います。 イベントトラッキングとは？ イベントトラッキングとは、Google アナリティクスを設置したサイト上にて、ユーザのアクションを計測することができる機能です。 また、イベントトラッキングは通常のGoogle アナリティクスだけでは叶わない様々な計測が可能です。 たとえば… 同一ページ内のどこを多く押されたか計測したいとき 同じページ内にたくさんの要素（リンク先）があるけど、どこを一番押されるのか知りたい！そんな場合もイベントトラッキングを使えば簡単に計測できます。 「上部と下部のボタンではどちらが多くクリックされるか」「画像とボタンのどちらを多くクリックされる
Google、URL検査ツールやモバイルフレンドリーテストのレンダリングエンジンをアップデート
[レベル: 上級] URL 検査ツールやモバイルフレンドリー テスト ツールなど各種ツールのレンダリングエンジンを Google はアップデートしました。 最新の JavaScript を実行できます。 ツールのレンダリングエンジンは古いまま Googlebot のレンダリングエンジン (WRS: Web Rendering Service) は、常に最新の Chrome と同等のレンダリング機能を持つように今年 5 月に改良されました。 しかし、URL 検査ツールやモバイルフレンドリー テストなどのツールは古いレンダリングエンジン (Chrome 41 相当）のままでした。 そのため、JavaScript が正常に実行されているのかどうかをツールで検証することが困難でした。 ツールがアップデートしたことで、安心して検証が可能になります。 レンダリングエンジンがアップデートされたツールは次
JSサイトのための第4のレンダリング構成としてダイナミックレンダリングをGoogleが発表 #io18 #io18jp
[レベル: 上級] JavaScript で構築されたサイトのために Dynamic Rendering（ダイナミック レンダリング）と呼ぶ仕組みを Google はサポートするようになります。 米マウンテンビューで開催された Google I/O 2018 のセッションで Google の John Mueller（ジョン・ミューラー）氏が発表しました。 Google が現在サポートする JS サイトのための3つのレンダリング構成 JavaScript でレンダリングされたコンテンツを適切にインデックスするために、次の3つのレンダリング構成を Google は現在サポートしています。 Client Side Rendering（クライアント サイド レンダリング）――クライアント側、つまりブラウザまたは Googlebot がすべてをレンダリングする。Googlebot がレンダリングで
Googlebotのレンダリングエンジンがアップデート、最新のChromeに常に対応 #IO19
[レベル: 上級] Googlebot のレンダリングエンジン、技術的な名称で呼べば Web Rendering Service（ウェブ レンダリング サービス）をアップデートしたことをウェブマスター向け公式ブログで Google はアナウンスしました。 Web Rendering Service をアップデートしたニュースは、米マウンテンビューで先週開催された Google I/O 2019 で、JavaScript の SEO をテーマにしたセッションで紹介され、加えてほかのいくつかのセッションでも言及されました。 現地で得た情報も交えて、詳しく解説します。 最新のレンダリングエンジンを常に搭載 これまでのウェブ レンダリング サービス（以下、WRS）は、Chrome 41 相当のレンダリング性能でした。 Chrome 41 がリリースされたのは 2015 年です。 3年が経過したため
AMPテストとモバイルフレンドリーテストの2つのツールがコード検証をサポート
[レベル: 中級] AMP テストツールとモバイルフレンドリー テスト ツールがコードでの検証をサポートしました。 これまでは、実際に公開されている URL で検証しなければなりませんでした。 現在は公開前にコードレベルで問題がないかどうかを調べられます。 Some good news to start your week! 📢 New feature in the Mobile Friendly and AMP Tests: they now support code editing 🎉 Try it out and let us know what you think…https://t.co/Ei6gfMpjjk https://t.co/RKqeVb3HAG pic.twitter.com/GlHE2p7qNg — Google Webmasters (@googlewmc)
ITP2.1の影響と対策方法のまとめ、JavaScript生成cookie7日間問題 | marketechlabo
ITPの仕様 次々と新しいバージョンがリリースされるITP。微妙にアップデートされ、仕様がわかりにくくなっているので現時点で最新のものを解説する。 ITPの目的と概要 われわれウェブサイト運用者は cookieやローカルストレージなどを使ってブラウザにドメインのデータを保持し、 それらのデータを必要に応じてツール間で連携する ことによって行動計測やコンテンツの出し分けなどのマーケティング活動を行っている。ITPはウェブサイト訪問者のプライバシー保持のためにそれを制限する仕組みである。具体的に何をやっているのかざっくりまとめると、 この3つのケースにおいて cookieなどを使ったデータ保持が短期間しかできなくなる（期間の長さはケースごとそれぞれ異なる） リファラが使い物にならなくなる 可能性があるということである。その結果 コンバージョントラッキングができない リマーケティング広告が配信で
レンダリング後にGoogleに無視されるのはrel=canonicalとrel=amphtmlの2つだけ。hreflangとprev/nextはクライアントサイドでの挿入が可能
[レベル: 上級] JavaScript で DOM を操作してクライアントサイドでレンダリングした rel="canonical" は Google には無視されます。 rel="canonical" 以外のほかのタグはどうなのでしょうか？ 同じように無視されるのでしょうか？ それともきちんと認識されるのでしょうか？ 無視されるのは rel=”canonical” と rel=”amphtml” だけ Google の John Mueller（ジョン・ミューラー）氏によれば、rel="canonical" と rel="amphtml" だけが無視されるようです。 この2つのタグに関しては、生 HTML での配信が要求されます。 一方で同じ link 要素であっても、hreflang と rel="prev/next" に関しては、クライアント側のレンダリングで挿入しても Google
JavaScriptで書かれたコンテンツはGoogleから評価される？されない？の謎に迫る | ウィルゲート
おさらい なぜJavaScriptで書かれたコンテンツは評価されないと思われているのか 「JavaScriptで書かれたコンテンツはGoogleから評価されない」。このような認識が広まったのは、主に2つの理由からでした。 しかし私たちが考えるよりもGoogleのクローラ（Googlebot）の機能の進化はずっと早く、2014年5月23日のGoogle Webmaster Central Blog（英語）でJavaScriptを理解する能力を向上させていると公式にアナウンスがありました。 GooglebotがJavaScriptで作られたコンテンツを読み込めなかった時代は、もはや過去のものといっていいでしょう。 JavaScriptで書かれたコンテンツはHTMLより不利にならない GoogleのトレンドアナリストであるJohn Mueller氏は、2016年12月に自身のTwitterで受け
dataLayerへ値を渡す記述を.pushで統一する方法 | アユダンテ株式会社
ページ側（HTML側）からGoogleタグマネージャへ値を渡す方法として、メジャーなものとしてデータレイヤー変数があります。 しかし公式のヘルプを読んでみると、データレイヤー変数へ値を渡すための書式には「=を使った代入」式と「.pushを使った挿入」式の2種類が混在して取り上げられていたりして、しかも適切なタイミングで使い分けなければきちんとした値の受け渡しができないようです。 これはいささかわかりづらいので、どのタイミングでも使用できる記述について取り上げてみました。 データレイヤー変数とは 値の渡し方は「=」と「.push」の2種類 どんな場合でも「.push」で統一するための方法 ←本題 オマケ：iframe内から親frameのdataLayerへ.pushする方法 データレイヤー変数とは データレイヤー変数というのはGoogleタグマネージャ上で設定できる変数の1種類ですが、その内
「SEOにテクニカルな要素は必要ない」の嘘――なぜ今、SEOに技術的な理解が必要なのか（全6回の1） | Moz - SEOとインバウンドマーケティングの実践情報
ウェブの技術は猛烈な勢いで発展し、急速に普及しつつある。また、コンテンツはあらゆるタイプの企業やエージェンシーが参入する分野となり、誰もがその分け前を求めて競い合っている。 そのようななか、テクニカルSEOは今までにないほど複雑になり、その重要性が増している。しかし、SEOに関する議論では、進化を続けるテクニカルな要素の話は避けられ、コンテンツマーケティングがテーマになることがほとんどだ。しかし、じきにSEOの分野でテクニカルな要素がふたたび第一線に立つときが来るだろう。そのときに備えて準備をしておくことが必要だ。 とは言うものの、「現在のSEOはテクニカルではない」と述べているソートリーダーも多い。こうした発言は、新しいテクノロジの背後で次々と生まれている機会や問題を誤って伝えるものだ。また、マーケティング分野としてのSEOで、テクニカルな知識の格差がこれまでになく広がっている状況に手を
JavaScriptで作られたコンテンツはHTMLよりもGoogleの評価が低いのか？
[レベル: 初級] JavaScriptで生成されたコンテンツであっても、通常のHTMLで作られているコンテンツと同じようにGoogleは評価します。 JavaScriptだから評価が下がるということはありません。 JavaScriptを利用したコンテンツで重要なことは、Googlebotが正しくレンダリングできているかどうかです。 JavaScript と HTML の評価は同じ GoogleのJohn Mueller（ジョン・ミューラー）氏にTwitterでフォロワーが次のように質問しました。 私のサイトのJavaScriptをGooglebotがクロールすることについて不安があります。JavaScriptによって作られた要素は、HTMLよりも重要度が下がることがありますか？ ミューラー氏はこう答えます。 いいや。JSで生成されたコンテンツは（私たちがレンダリング、インデックスできれば
【SEO】GooglebotによるJavaScriptの実行＆読み込みを検証 | CINC Marketing Blog
先日、米シアトルで開催されたSMX Advancedという検索エンジンマーケティングに関する世界的なカンファレンスにて、Googleのレンダリング能力が向上したと発表がありました。 参考：海外SEO情報ブログ：Googleのレンダリング能力はここまで向上している 海外SEO情報ブログの記事によると、現在GoogleBot（クローラー）はブラウザ並にレンダリングできるようになっており、コンテンツの「表示」によっても各コンテンツを評価している、との事。 これにより、アコーディオンパネルなどで隠れるコンテンツの重要度を下げて評価出来るようになったり、JavaScriptをフルに実行し、ユーザーが見ているコンテンツと同じ形でGoogleBotもコンテンツを取得し、ページ評価が出来るようになったのでは無いかと考えられます。 そこで今回は、レンダリングの一部であるjavascriptをGoogleがど
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イマドキのSEOでJavaScriptに関して最低限知っておきたい調査テクニック（前編） | Moz - SEOとインバウンドマーケティングの実践情報
何っ！ PWAがデスクトップでも動くだと？ しかも最高だと？【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ
AjaxとSEO ホームページ制作 株式会社 大塚ビジネスサービス