robots.txtとは？robots.txtとは、GoogleやYahoo!などといった、自サイトの情報を取得(クロール)するプログラム(クローラー)を制御するためのテキストファイルです。例えば、特定のファイルや、ディレクトリをクロール禁止に指定することで、それらの関連ページや画像などを検索エンジンにインデックスさせないようにする、などといったことができます。 何を覚えればいい？robots.txtの設置方法は簡単です。よほど特殊な事情がない限り、「ここにアクセスしないでね」という記述方法だけを覚えておけば十分です。細かく書いたからといって、SEO上、有利、不利になるようなことはないので安心して下さい。強いて言うなら、細かく書き過ぎて間違った制御をした場合に不利になります。

なお IE は(security zone setting をいじらない限り)この問題が発生しないようだ。 引用元: blankshield demo | Reverse tabnabber phishing tabnabbing 上記の挙動を、フィッシング詐欺に利用できることが既に指摘されている。 この手法は Tabnabbing と呼ばれている。 Tabnabbing: A New Type of Phishing Attack Aza on Design Target="_blank" - the most underestimated vulnerability ever この攻撃方法を解説する。 攻撃の概要 https://cgm.example.com (左上) というサービスがあるとし、これは SNS やチームコラボレーション系サービスを想定する。 攻撃者は、このサービスの不

検索結果でパンくずや評価などのリッチスニペットを表示させる、構造化マークアップ。 Googleはこれまでmicrodataでの記述を推奨していましたが、現在JSON-LDを推奨していますね。 ということで、JSON-LDを使って構造化マークアップしてみました。 shema.orgを使ってます。 JSON-LDの記述方法 下記が基本の形です。 このscriptタグの中にまとめて書きます。 HTML内どこに置いてもOK。 <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "####" } </script>

Click here if your browser does not automatically redirect you...

SNS ボタンとはソーシャルメディアからのアクセス向上検索エンジンからの評価の向上客観的評価の可視化SNS ボタンの種類TwitterボタンFacebookボタンはてなブックマークボタンpocketボタンSNS ボタンを設置する問題点SNS ボタンの読み込み速度デザインの統一性オリジナルデザインにおけるシェア数の表示まとめSNS ボタンとは SNS ボタン (または、ソーシャルボタン) とは、ブログやニュースサイトに設置されているボタン型のインターフェースです。ユーザが SNS ボタンをクリックすると、記事をシェアしたり、ブックマークできます。代表的な SNS ボタンとしては、Twitter や Facebook の SNS ボタンがあります。 SNS ボタンを設置するメリットはアクセス向上、検索エンジン最適化、評価の可視化があります。これらのメリットは次章で詳しく説明します。 SNS ボ

サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <

【最新デザイン対応】ブログ名や記事タイトルを変更した時にはてなブックマークに反映させる方法 アフィリエイト広告を利用しています [追記あり] 2017年8月にデザインが変更になりましたので、新しいやり方に変更しました。 ブログ名変更しました すいません、２回目の変更です。前回のブログ名が長すぎて覚えにくいなーって思ったので変更しました。新しいブログ名は「NO TITLE」です。もうこれで行きます！変更しません！（多分） あえての「NO TITLE」。逆にね。 ※現在は「SHIROMAG」に変更してます。 しかし、ブログ名を変更すると困ったことにはてなブックマークには前のブログ名が表示されてしまいます。 ちなみに「気になること調べてみたブログ」は前の前のブログ名です。コロコロ変えすぎですよね。本当すいません。 しかし、これは困ったものだ！よし変更しましょう！ 今回はブログ名を変更した時に、ブ

欧州地域でのソーシャルプラグインに対する変更欧州地域でFacebook製品を使用しているユーザーに関しては、Cookie同意プロンプトが更新されたため、ソーシャルプラグインに何らかの影響が現れる可能性があります。欧州地域のユーザーは、1)Facebookアカウントにログインしている、2) 「アプリとウェブサイトのCookie管理」に同意している、のいずれかの条件を満たさない限り、「いいね！」と「コメント」のソーシャルプラグインのサポートを終了します。この二つの要件が満たされていれば、ユーザーは「いいね」や「コメント」ボタンなどのプラグインを見たり、操作したりすることができます。上記のいずれかの条件を満たさない場合、ユーザーはプラグインを見ることができません。 欧州地域には、以下の国が含まれます。 欧州連合 (EU): オーストリア、ベルギー、ブルガリア、クロアチア、キプロス共和国、チェコ共

フィードバックを送信 春のクリーンアップ: URL パラメータ ツール コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 2022 年 3 月 28 日（月曜日） 要約: Search Console の URL パラメータ ツールはあと 1 か月でサポート終了となります。現在このツールを使用しているユーザーにとって、必要な対応はありません。 2009 年の URL パラメータ ツール 2009 年に Search Console の前身であるウェブマスター ツールで URL パラメータ ツールがリリースされたとき、インターネットは現在と比べてまだはるかに粗削りの状態でした。SessionID パラメータが主流で、CMS ではパラメータの整理ができず、ブラウザでリンクが機能しないことがよくありました。URL パラメータ ツールを使用することで、サイト所有者は

aタグのtarget属性とは、古くはフレームで区切られたページのどの位置にリンクで開いた先のページを表示するかを指定するために使われていました。しかしHTML5ではframeタグが廃止されてしまったため、もうそういった用途で使われるのを見ることはないかも知れません。 では今はどんな用途に使われているかというと、リンクをクリックしたときに新しいウィンドウ／タブを開くために使われます。target="_blank"またはtarget="_new"と指定すると、リンクをクリックしたときに新しいウィンドウ／タブが開きます。同じリンクをクリックし続けると、target="_blank"の場合は常に新しいウィンドウ／タブが開き続ける動きになり、target="_new"の場合は新しく開いたウィンドウ／タブが再度更新され続ける動きになります。 しかし、リンクをクリックすると勝手に新しいウィンドウ／タブが

OGPとは OGPとはOpen Graph protocolの略で、簡単に言うとコンテンツがSNSでシェアされた時に表示されるタイトルや概要、画像、URLをコントロールする事が出来る設定です。 この設定をするのとしないのではFacebookやTwitterでバズるかどうかが大きく変わります。 OGPの設定方法 ・Prefix属性を設定する 下記の様なソースをhead内に書き込んでください。この処理は簡単に言うとこの次に設定するプロパティを使える様にするための設定です。 html class="no-js" prefix="og: http://ogp.me/ns#" ・プロパティを設定する 以下のプロパティを設定する事でシェアされた時の内容をコントロール出来ます。また必須なのはタイトル、タイプ、画像、URLとなっており、ソースはhead内に書き込んでください。 meta property=

nofollowとは、指定したリンク先にPageRankを渡さず、リンクをクロールの対象から除外するためのタグです。リンクのSEO的価値を無効化することができるため、全ての外部サイトへのリンクにnofollowタグを記載されているケースが多く見られますが、これは本当に意味のある行為なのでしょうか？ここでは、nofollowの本来の目的や正しい使い方、勉強として過去のテクニックも解説します。 ※nofollowを詳しく知らないという人は以下からどうぞ。 無意味です 「外部サイトへのリンクには、PageRankが外に流出するのを防ぐために”nofollow”を入れるように、とSEOの人からアドバイスをもらったことがあり、実践している」という方が今でも多いように思います。というか多いです。 ほとんどの場合、大切なPageRankの流れを意味もなく断ち切っているにすぎず、プラスになることはなくマイ