Extended HTML WAI-ARIAとMicrodataでHTMLを拡張する 2016年3月5日@Frontend Conference 2016 Soichi Masuda / @masuP9
ページ下部に検索フォームを復活させて、GoogleのSitelinks Search Boxに対応させたつもり。本当は検索ページを別に作ってそっちに寄せようかと思ったけど面倒になってきたので、とりあえずGoogleカスタム検索を復活させてMicrodataを仕込んだ。 Sitelinks Search Boxの注意点はウェブサイトのホームページにのみ仕込むこととUTF-8でしか機能しないことくらい。例を見る限りはサードパーティの検索システムを利用するのも問題ないように見える。仕込んだからといって使ってくれるわけではないらしい。 最終的に以下のようなマークアップになった。 <html itemscope itemtype="http://schema.org/WebSite"> <body> <aside role="search"> <form action="http://www.goo
昨年行われたSMX Advancedで議論された構造化マークアップに関するセッションの書き起こし記事を。少し前のイベントになりますが、もちろん今でも十分通じる内容です。 — SEO Japan 先週、私はSMX Advancedセッション「マイクロデータ & Schemaからリッチスニペットへ: 高度なSEO向けのマークアップ」に参加した。このセッションでは、エリザベス・オスメロスキ氏が進行役を務め、Searchmetrics社を設立したマーカス・トバー氏、Scripps Network社でSEMディレクターを務めるジュリア・ゴース氏、そして、Koshkonong LLCJのCEO、スティーブン・スペンサー氏が、講演者に名前を連ねていた。 このセッションが始まる前、スポンサーのブルース・クレイ氏が、スティーブン・スペンサー氏と私に対して、複数のschema/マークアップのタイプをデータハイ
Google+ にリンクを投稿する際、ページに指定された OGP よりも Microdata の方が優先されることで起こった問題と、その解決方法について解説します。 この Blog では、Google+ ページも運用していて、記事を更新した際にそっちにも投稿しています。 ところが、ちょっと前からリンクを投稿したときに、OGP (Open Graph Protocol) に指定した概要文 (og:description の値に入れてるテキスト) とかが無視されて、Blog 自体の概要が出ちゃって、なんでかなぁって思いながらも今度調べよってことで放置していたわけですが、さっきちょっと時間を見つけてテストしてみたら、どうも Microdata の指定の仕方でこういう現象が起こるらしいことがわかったので、共有します。 具体的にどういう現象が起こるか OGP に指定した概要文が無視される件ですが、例
microdata と Schema.org って? Schema.orgとは まず Schema.org とは、Google、Yahoo!、Microsoft の三社が共同て運営している団体で、検索エンジンがウェブサイトをクロールするときのデータの読み取り方法を共通で決めていきましょうよ、という趣旨のものです。 microdataとは このSchema.org が推進しているウェブサイトのデータの記述方法が、 microdataです。 microdataとはざっくり言うと、今までのhtml(これはテキストの文書構造を表現したもの)に対して、セマンティックの情報を記述するためのものです。 以下のような属性を、新たにhtmlの中に埋め込むことで実現します。 itemscope 情報を、単位(アイテム)として見る itemtype アイテムに種別を与える itemprop アイテムに項目を与え
リッチスニペットや構造化データについて調べてたら、横断的に知る必要があると思ったのでそれらをまとめました。 Microformats、RDFa、Microdataからschema.org、リッチスニペットまで。 リッチスニペットや構造化データについて調べてたら、 横断的に知る必要があると思ったのでそれらをまとめました。 Microformats、RDFa、Microdataからschema.org、リッチスニペットまで。 タイトルうまくまとめられなかった… ※理解8割程度なので間違いありましたら指摘して頂けると助かります セマンティックWeb 通常のHTMLやXHTMLでは文書構造を表すことができますが、 個々の意味までは伝えることができません。 例えば以下のようなHTMLがあります。 &lt;div&gt; 私の名前は吉良吉影です。 &lt;/div&gt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く