time要素の廃止、そしてdata要素の登場により、Microdataを扱う機会が増えてくると予想されます。 またHTML5 の Microdata が主にGoogleなどで取り入れられているケースが出てきているので、 Microdataで利用できるプロパティを紹介致します。 Microdata とは HTML5の独立した仕様です。 HTML文章に、コンピュータが可読できるデータにすることができ、RDFやJSONなどの多数の他のデータ形式と互換性を持たせることができます。 記述方法は以前の記事を参照して下さい。 MicroformatsとMicrodataの違いについて : Web Design KOJIKA17 なぜコンピュータが可読できるデータにする必要があるのか？？ HTMLでは、人や時間、場所など細かくマークアップすることができません。 例として、機械翻訳したカンナダ語を見てみまし

先日気付いたのですが、スマホ・PCの各検索結果で表示される結果が異なる場合があります。 例「デコディスクリプション」 PC 【観測用】デコディスクリプション（deco description）を確認する. 12月 18th, 2012. 検証用です。 何のことはない、訴求力のあるdescriptionのためにどんな記号が使えるのかを試してみたくてやってみました。 表題は適当に作った言葉です。 →サイト内から引用・135文字 スマホ これが、デコディスクリプションだょ！！(*´艸｀*) →descriptionから引用・26文字 デバイスによって表示されるスニペットが異なります。 なぜ検索結果が異なるのか？ スマートフォンのスニペットは画面サイズの制約もあり文字数が制限されてしまいます（スニペットは約40文字程度）。 逆にPCのスニペットの場合、120文字前後表示されdescriptionが

Googleの検索結果に表示されるパンくずリストがmicrodataとRDFaに対応 ネタ元:Google、パンくずリストでのURL表示にマークアップを利用可能に | 海外SEO情報ブログ・メルマガ これまでWEBサイト所有者が制御できなかったGoogle の検索結果に表示されるパンくずリストがmicrodataとRDFaで制御が可能になったようです。 パンくずリストは次のように検索結果のURL中に表示されます。 microdataでの記述 HTML5 で策定されているmicrodataは、特定の種類の情報（レビュー、人物、イベントなど）をラベル付けする方法の 1 つです。 <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/dresses" ite

サイトを一定期間運営していると、検索結果にサイトリンクが出現することが多いです。 サイトによってはすぐ出る場合もあれば、半年1年と運営を続けてやっと出るサイトもありますし、一向に出現しないこともあります。 今回はサイトリンクについての解説を行いたいと思います。 上記の画像はGoogle検索で「SEOのホワイトハットジャパン」と、当ブログのタイトルを検索した際に出現したサイトリンクです。 （リッチスニペットで出現する著者情報のアイコンは可愛い絵に加工してあります） SEOを抜かして「ホワイトハットジャパン」で検索をかけても出現します。 サイトリンクの出し方 ミニサイトリンク（一行表示のサイトリンク） ウェブマスターツールでサイトリンクの管理を行う サイトリンク出し方まとめ サイトリンクの出し方 サイトリンクが出現するには条件があるようで、 検索ランキングで圧倒的な1位をとり、検索エンジンにそ

Twitter カード 7タイプの仕様を Twitter の公式ドキュメントから翻訳して解説します。公式ドキュメントから抜粋して日本語で書き直していますので完全な翻訳ではありません。 Twitter Cards （Twitter カード）、この Blog でもかなり前から指定して使っていますが、7種類のカードから選択できたり、それぞれに指定できる値が異なってたりしてわかりにくいっていう声を聞きましたので （公式な日本語ドキュメントも今のところないし）、簡単に各カード種類別の仕様をまとめてみました。 Twitter Cards は、Facebook や Google+ などが採用している、OGP （Open Graph Protocol） を利用して、ウォールやタイムラインにリンクを投稿する際の表示内容を指定するのと同じ。それの Twitter 版です。タイムラインに URL が投稿されたと

・全角のアルファベット ・半角のカタカナ ・全角のハイフン「－」 ・記号「＆」「\」「%」「☆」など 【登録できない文字列】 ・ハイフン「-」で始まる、又は終わるもの ・3文字目、4文字目に連続してハイフン「-」が含まれるもの

ここでは、YouTube動画の埋め込みプレーヤーの見た目や機能をカスタマイズするための 「パラメータ」という機能の使い方についてお話します。 また、YouTubeの埋め込み動画プレーヤーをつかうときに前提となる、<iframe>タグや、<object>タグ、HTML5形式の動画プレーヤー、Flash形式の動画プレーヤーなどの情報についてもお話します。 さらに、JavaScriptやActionScriptをつかって動画プレーヤーを自由に制御することができるAPIについてもお話します。 「パラメータ」をつかうと、どんなことができるの？ まず、「パラメータ」をつかってどんなことができるのかを知るために、下の実例を見てください。 実例１： 自動的に再生が始まり、巻き戻しや、早送りはできない 下の動画は、「パラメータ」をつかってつぎのような設定にしています。 これによって、自動的に再生が始まり、操

こんにちは、わんぱくブロガーのむねさだ(@mu_ne3)です。 今日はちょっとWEBサービス系のお話。 自分のブログに「はてブ」を付けるセルフブックマーク、いわゆる「セルクマ」と呼ばれる行為は、賛否両論あると思います。 ただ、僕はある理由から、自分のブログに積極的に「はてブ」するようにしています！ これって意外と知られていないのでは？と思うのでご紹介したいと思います。 はてブとは？ はてブとは、はてなブックマークの略。 はてなブックマーク はてなブックマークとは、日本最大級のソーシャルブックマーク。 「ブックマークしておこう」と思ったものをインターネット上にブックマークしておけるサービスです。 基本的には、「後で見よう」とか、「これは役に立つ！」等と思ったサイトに対して「ブックマーク」するのですが、 この行為を「はてブ」を付ける。などと言ったりします。 このように多くの人が「はてブ」を使う

みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

前回の記事では検索エンジン全体の仕組みをおさらいし、その中でもクローラーの動きに着目しました。最新の情報を検索結果に反映させるためには、クローラーになるべく多くの回数自社サイトを訪問してもらい、ページの内容を適切な情報としてインデックスしてもらう必要があります。 このインデックスの際に重要なのが、サイトに対するクローラーの回遊性「クローラビリティ」です。クローラビリティを向上させる要素の1つとして、URLの最適化があげられます。SEOには、キーワードやカテゴリの設計、HTMLの最適化、外的施策などさまざまな対策が考えられますが、その中でもURLの最適化は、最も重要な要素の1つです。いくら他の対策が完璧でも、URLの設定によってはいい効果が期待できません。 一口にURLの最適化といってもさまざまです。この連載では、以下の3つの方法を説明していくことにしたいと思います。 永続化　←この記事で解

+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google に外部リンクの関係性を伝える サイト上の特定のリンクについて、リンクされているページとの関係を Google に通知できます。これを行うためには、<a> タグの rel 属性で次のいずれかの値を使用します。 Google に無条件でたどらせたい通常のリンクがある場合、そのリンクには rel 属性を追加する必要がありません。例: <p>My favorite horse is the <a href="https://horses.example.com/Palomino">palomino</a>.</p> 他のリンクについては、次のいずれかの値を使用します。 広告や有料プレースメントのリンク（一般に「有料リンク」と呼ばれます）を sponsored でマークアップします。