target="_blank" で開くリンクには rel="noopener" をつける - Qiita
The performance benefits of rel=noopener - JakeArchibald.com より target="_blank" でリンクを開く場合は、rel="noopener"をつけておくのが良い。 管理画面などでは rel="noopener noreferrer"というかたちでnoreferrerをつけるとさらに良いかもしれない（参考：http://qiita.com/wakaba@github/items/707d72f97f2862cd8000 ） target="_blank" で開いたWindowは、 window.opener を使って親のWindowを操作することができる。つまりtarget="_blank"で開いたサイトで任意の操作ができてしまうことになるけど、Same origin の仕組みが働く。ので、Same originではない場
検索上位表示のチャンスを最大化する「リンク資産の流れ」コントロール法 | Moz - SEOとインバウンドマーケティングの実践情報
あなたが比較的大規模なサイトを運営しているとしよう。ページの数が数千から数万、場合によっては数十万あるようなサイトだ。にもかかわらず、外部から十分な数の被リンクを獲得しているページはわずかしかない。図のピンク色のページだ。 ピンク色のページには、外部のサイトからリンクが張られている。だが、このサイトには他のページもある。図の紫色のページだ。 本来ならば、これらのページでもリンク資産を獲得しておきたいところだ。なぜなら、これらのページでターゲットにしている検索語やページで順位を上げたいのに、ピンク色のページのように外部リンクを獲得できていないからだ。 このような場合は、以下の取り組みを試してみることを強くお勧めする。 重要性が高いのにリンクを獲得していないページを見つけよう。これは図の紫色のページのことだ。このようなページを正確に把握する必要がある。 ターゲットにしている検索語や検索フレーズ
bitly で作成したリンクをアーカイブから戻す方法 | ykazu.com
今さらですが便利な URL 短縮サービス bitly 長い URL を http://bit.ly/ランダム英数字 に短縮してくれる便利なサービス、bitly。 アカウントがなくてもすぐに URL を短縮できますが、アカウントを作成する、もしくは Facebook や Twitter でログインすると、bitly で短縮化されたアドレス（bitly では bitmarks という）を好きな文字にできるなどの機能が使えます。 bitly の使い方は色んなブログで紹介されていますが、今回は改めて bitly の 仕様について“はまりがち”なポイントと、この記事のタイトルにもある「アーカイブから戻す方法」がなかなか見つけられなかったので残しておきます。 bitly で作成したリンクは永久に削除できない あまりにも簡単に 短縮URL を作れてしまうので、bitmarks を作成した後にこの仕様には
ナビゲーションのリンクを分析・評価するには？――実例で解説！イベントトラッキング（1）［第66回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
前回は、「イベントトラッキング」という手法についての解説を行った。その冒頭でも書いたが、イベントトラッキングの使用例として、 外部サイトへのリンクのクリックPDFファイルのダウンロードFlashコンテンツの各種動作などの「行為」の計測を挙げたが、もしかすると、多くの読者にとっては、これだけでは、具体的な活用方法がピンとこなかったかもしれない。 そこで、これから何回か、イベントトラッキングの活用例を具体的に解説していくことにする。「イベントトラッキング」のトラッキングコードの仕様に関しては、前回の記事を参照してほしい。 リンクのクリックやダウンロードを「イベント」として計測する！ イベントトラッキングの使い方と注意点［第65回］また気を付けておきたい点は、「取れるものは取ってみよう」という態度ではなく、つねに課題や仮説からスタートしてほしいということだ。Webコンサルティング側で仕事をする方
[SEO]大手サイトもやっているカテゴリーを使った内部リンク構築術
Webサイトを上位表示させるためにはコンテンツの質が良いことは当然として、外部リンクの獲得、近年ではソーシャルの活用等も重要になってきています。 ですがそれだけではなく、特にWebサイトの設計段階においては検索エンジンによるWebページの評価の仕組みを理解して、適切にWebサイト内のリンクを構築していくということが重要です。 今回はその内部リンクについて、どういう内部リンクがその機能を果たしつつ検索エンジンに正当に評価されやすいのか、私の経験からその考え方をSEO初心者の方にも分かりやすく解説しようと思います。 内部リンク(Internal Link)とは 内部リンクとは、同じドメイン内から張られたそのドメイン内部のページへのリンクのことです。違うドメインから張られたリンクは外部リンク(External Link)といいます。 内部リンクの果たす役割 SEO的な観点で言うと、内部リンクは外
![[SEO]大手サイトもやっているカテゴリーを使った内部リンク構築術](https://cdn-ak-scissors.b.st-hatena.com/image/square/abfc0e57468b12736e04b878bb2f56c66cf678bb/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F07%2Fseo-internal-link-03-150x150.png)
Googleタグマネージャに自動イベントトラッキング機能が登場 | アユダンテ株式会社
先日の2013年10月1日から2日にかけて、アメリカでGoogle主催のイベント「Googleアナリティクスサミット2013」が開かれました。 このイベントへは弊社の安川と江沢も参加しておりましたので、イベントにてGoogleからどのような発表があったかはこちらのGoogleアナリティクスサミット2013 参加報告をご覧ください。 さて、そのGoogleアナリティクスサミット2013では、Googleタグマネージャの新機能についても発表がありました。 具体的に、以下の2つが加わっており、すでに実装がされているため利用可能になっています。 自動イベントトラッキング カスタムJavaScript 特に注目したいのが、自動イベントトラッキング機能。 これはいわゆる「HTMLに特別な記述をすることなく、自動でリンククリックなどへ対してGTMからタグを発行できる」機能でして、いままで多くの人々が待ち
Googleタグマネージャとアナリティクスで外部リンクのクリックをイベントトラッキング
Googleタグマネージャとアナリティクスで外部リンクのクリックを計測する手順を紹介します。 Googleタグマネージャを使うと、リンクのクリックをアナリティクスのイベントトラッキングを使って簡単に計測できます。今回はユニバーサルアナリティクスを使っていますが、従来のGoogleアナリティクスでも同様の手順で計測できます。 リンククリック リスナー タグを追加 リンククリックなどのイベントを計測するときは、イベントリスナーというタグを追加する必要があります。 イベントリスナーは、クリックやタイマーなどのイベントを監視して、イベントが発生したときにデータを変数に保存する役割をします。 新しいタグを追加して、次のように設定します。 タグ名は任意ですが「リンククリック リスナー」が分かりやすいでしょう。 タグの種類を[イベント リスナー＞リンククリック リスナー]にします。 配信のルールを[すべ
[戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f
被リンクは悪！これまでの常識が変わった2015年からのSEO対策 - Game Life Hack Lab ゲハラボ
「被リンクは死にました」 2013年中頃まではSEOといえば被リンクが全てと言われていたほど、被リンクの数、そして被リンクの質が優先されていました。 しかし2014年の現代に置いてこの常識は変わってしまいました。今回はこれまでの常識を踏まえた上で、これから行っていくべきSEO対策について考えていきます。 目次 2013年前までのSEO対策 そもそも被リンクとは 被リンクが害になる ペナルティの対象となる被リンク 被リンクが死んだ原因 ハミングバードをわかりやすく いい記事の定義 2014年からのSEO対策 これからのSEO対策はこれだ！ スポンサーリンク 2014年前までのSEO対策 そもそも被リンクとはなんなのか。 被リンクとは 被リンクとは、他サイトや他のページからリンクを張ってもらう作業です。 簡単に説明しますと他のサイトと連携することで、互いに高め合っていこう！ といった具合でした
シェアするのに、URLのリンクである必要はない気がしてきた : けんすう日記
シェアするとき 最近、アンサーというiPhoneアプリを出しました。質問をすると、即レスで返信が返ってくるというコンセプトです。ぜひ使ってみた上で、最低5人くらいに広めていただけると幸いです。 アンサーをiTunes Storeでダウンロード(無料) さてこのアプリを作っていて、結構自分の中での意識変化が多かったのですね。 たとえば、僕はインターネットに慣れすぎていて、何かのサイトとかページを教えるときに 「そのページのURLを教える」 というのが一番あたまに浮かびがちなのでした。なので、普通に、URLをシェアするような仕組みがあったほうがいいよなー、と思っていたりしたんです。 しかし、最終的には、URLでシェアしないようになったのです。 なぜか。 それは、URLがあって、それをシェアすると、誰しもそのページを見れる、という考え方自体が、かなり今までのPC中心のWebの考え方なので、スマホ
ボックスごとリンク化する
Result jQuery$(document).ready(function() { //class="box"をクリックでイベント発火 $('.box').click(function() { //a要素からhref属性を探して中身を取得し、そのURLに飛ばす。別窓なら('href'), '_blank'とすればOK window.location = $(this).find('a').attr('href'); return false; }); });HTML5ならボックス要素にリンク貼れますのでこのコードは不要ですね。 css.box{ background: #eee ; padding: 50px ; margin:50px; height: 200px ; width: 200px ; cursor: pointer; } .box:hover{background: #
[JS]a要素を内包するdiv要素全体をクリッカブルにするスクリプト -Div Linker
テキストリンクなどのa要素を内包するdiv要素の全部をクリック可能にするjQueryのプラグインを紹介します。 Div Linker デモページ [ad#ad-2] Div Linkerの実装 実装は非常にシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.divlinker1.0.js"></script> HTML デモのようにテキストリンク（a要素）をdiv要素で内包します。 <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リンクのクリックをGAで計測するのも簡単！ タグマネージャの「イベントリスナー」の使い方（全20回の15） | 実践 Googleタグマネージャ入門
HTML5では、div要素やh要素、p要素などのブロックレベル要素をa要素で囲っていいんです。 | MJ-WAVE.COM