Microdataなどの構造化データ マークアップについて - kojika17
構造化データ マークアップは、MicrodataやRDFなどを利用して、schema.orgやMicroformatsなどのスキーマを設定する手法です。 構造化データ マークアップを行うことで、Googleのリッチスニペットの露出を高めるなどの効果が挙げられます。 Googleが提供しているツールを利用した構造化データ マークアップの導入方法を紹介します。 今回の目標 Microdataなどの具体的なマークアップの方法にはあまり触れず、ツールを利用して、構造化データ マークアップを行います。 またGoogleの検索におけるリッチスニペットの最適化を目標としています。 リッチスニペット スニペットとは、検索結果の表示される数行のテキストのことですが、さらに詳細な情報を表示したものが「リッチスニペット」になります。 Googleの検索結果でパンくずリストや商品画像、レビューなどが表示されるのを
Google+ API Shutdown | Google+ Platform | Google Developers
フィードバックを送信 Google+ API のサービス終了について コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 2019 年 3 月 7 日をもって、すべての Google+ API はサービスが終了します。このサービス終了は 1 月後半から段階的に実施され、これらの API 呼び出しは 2019 年 1 月 28 日から断続的に正常に動作しなくなります。 デベロッパーの皆様には、プロジェクトで最近使用された Google+ API メソッドと Google+ OAuth スコープ リクエストを記載したメールをお送りしておりますが、メールを受け取ったかどうかにかかわらず、Google+ API の依存関係を検索し、アプリケーションからすべて削除することを強くおすすめします。 サービス終了となる API のうち、よく使用されているものは次のとおりです。
WordPressのウェブマスターツールでのMicroformats問題の対処
WordPressのウェブマスターツールでのMicroformats問題の対処方法について紹介します。 １．はじめに 「WordPressユーザー要注意！〜構造化データのエラーでアクセス激減」で知りましたが、WordPressで <?php post_class(); ?> という、記事の投稿情報のクラス属性値を表示するテンプレートタグを利用している場合、Microformatsの構成要素である「hentry」というclass属性値を出力するのですが、その他のMicroformatsの必須要素である、 updated author などがclass属性値として存在しない場合、ウェブマスターツールの「検索のデザイン」→「構造化データ」で大量のエラーが発生する、ということらしいです。 ２．hentryの構成要素 hentryの構成要素は次のとおりです。 entry-title：記事のタイトル（
HTML5, microformats, S5 and You - Open Web Camp II
HTML5, microformats, S5 and You Open Web Camp II 2010-07-17 Stanford, California #html5 #owcii Why HTML5? Why HTML5? “We're betting big on HTML 5.” — Vic Gundotra, Google “The world is moving to HTML5.” — Steve Jobs, Apple “The future of the web is HTML5.” — Dean Hachamovitch, Microsoft HTML5Rocks.com apple.com/html5 ie.microsoft.com/testdrive/ For Example molecules edge detection games What is HT
マイクロフォーマットとクリーンHTML - 檜山正幸のキマイラ飼育記 (はてなBlog)
ここ何日かマイクロフォーマット（microformats）の話題を続けています。僕がマイクロフォーマットを思い出したキッカケは、WebAPIのデータ形式について考えていたときです。マイクロフォーマット方式でマークアップされたHTML断片をWebAPIで使えないかな？と思ったのです。 多くのWebAPIでは、特定のURLにHTTPリクエストを送ると、XMLやJSONのデータが応答として返ってきます。仮に、とあるAPIがJSON形式の人物情報を返してくるとします。独自に人物情報のデータ形式を考えるよりは、何か標準を採用すれば、考える手間も省けるし、相互運用性からも好ましいでしょう。 そこで、hCardのサブセットを使うことにします。スキーマ（型定義）を示すことはしませんが、例えば次のJSONオブジェクトは人物情報のインスタンスだと考えられます。 { "vcard" : { "fn" : "檜山
イベント（Event）の構造化データ | Google 検索セントラル | ドキュメント | Google for Developers
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 イベント（Event）の構造化データ Google のイベント機能を活用すると、ユーザーは Google 検索結果や他の Google サービス（Google マップなど）からイベントを見つけ、参加しやすくなります。この機能には多くのメリットがあります。 よりインタラクティブな結果: イベントが Google のイベント機能の表示対象となり、ロゴ、イベントの説明などを目立たせることができます。 検出とコンバージョンの機会を増やす: ユーザーは、イベント情報を参照し、クリックしてサイトにアクセスするための新たな手段を利用できます。詳しくは、Google 検索からのトラフィックが前年比で 100% 増加した Eventbrite の事例をご覧ください。 コンテンツのマークアップ方法によっては
Web Directions East「実践 CSS3 & HTML5 with Microformats ワークショップ」レポート | gihyo.jp
上記の表の「*」の部分にはプロパティ名が入ります。なぜこのようなプレフィックスが必要かというと、仕様として完全に固まっていない要素であるということ、そしてブラウザ側でバグがあるかもしれないがベータとして実装している場合がある、この2つが理由としてあげられます。 レイアウト HTML5の書き方やCSS3の書き方の説明後、レイアウトの説明が行われました。 ブラウザリセット Internet Explorerの問題がありますが、テストしきれていないベータのブラウザなどもあり、一概にデフォルトセッティングが今後も仕様が変更されない保証はありません。 このreset.cssを使用するのは非常に有効です。 カラム落ちの原因 フロートを使用してカラム落ちしてしまう原因は、各ブラウザのボックスモデルの違いによるものです。たとえば、%などで横幅の指定をしてもwidthの計算方法がブラウザごとに違います。 特
第5回 Microformats、TrimPathで簡単機能拡張 | gihyo.jp
前回からだいぶ期間が空いてしまいました。 私たち2人は、4月1日にmodiphiという会社に転職しました。 宣伝になってしまいますが、その期間中にSMART4Bというサイトに高度な検索機能と形態素解析などを駆使したトレンド機能の追加などを行っていました（もしかしたらこちらの内容の方が興味をもっていただけるかもしれません）。バックエンドでいろいろな仕組みを使っている、技術的に非常におもしろいサービスです。興味のある方は一度さわってみていただけると幸いです。 MetaGatewayのMicroformats対応 ところで、feedpathのブログエディタをどのくらいの方がご存知かわかりませんが、実はMetaGatewayはfeedpathのブログエディタ（PHP用）をフルスクラッチでさらにポストグループ機能を追加し、それ自体をAPIの塊としてGoogle App Engine（Python
Zappatic.net
The Safari Microformats plugin notifies you when the author of the website has published Microformats and allows you to easily import hCards and hCalendars in Address Book and iCal. This plugin was inspired by the idea and mockup of Jon Hicks. When a hCard or hCalendar is present in the website you visit, the Microformats logo will be shown in the address bar. The titlebar with the microformats in
Our First Labs Project: A Microformats Toolkit Called "Oomph" - Lab - MIX Online
Microformats are about enhancing the web, representing data in HTML and moving that data around. Oomph: A Microformats Toolkit is for web developers, designers and users, making it easier to create, consume, and style Microformats. In short, Oomph makes consuming and producing content for the web just a little easier, more efficient, more fun. You need Silverlight to view this video. It’s fast, i
サービス企画をする人のための「セマンティック WEB 」講座 : LINE Corporation ディレクターブログ
こんにちは、齊藤です。 7月15日にライブドアに入社しました。livedoor Readerとlivedoor クリップを担当しています。前職はエンジニアでしたので、技術の話もできるディレクターとして頑張ります。 今回は、「セマンティック WEB 」をサービスの企画に活かすための実例を紹介していきたいと思います。皆さんは「セマンティック WEB 」という言葉を聞いたことがあるでしょうか。今回はセマンティック WEB 構想を簡単にご紹介して、そのビジネス的な観点を考察してみたいと思います。 【01】セマンティック WEB 構想とは何か セマンティック WEB は、WEB 上に存在する様々なページにメタデータを付与することによって、WEB の世界を単純なデータの集合から進化させて、「意味」や「関係性」を持たせた巨大なデータベースにしてしようという構想です。その具体的な表現方法として、XML /
メタ情報をXHTMLに埋め込むRDFa | Web標準Blog | ミツエーリンクス
6月20日に、RDFa構文仕様の勧告候補が公開されました。順調に進めば、今年中にも勧告されるのではないかと予想しています。 さて、勧告となってはいないものの、試験的にWeb標準仕様 日本語訳一覧にRDFaを導入してみました。今回はこのページをサンプルに、簡単なRDFaの解説をしようと思います。 RDFaとは RDFaは、メタ情報をXHTMLで表現する仕様です。RDFをデータモデルに用いることで、より柔軟で多彩なメタ情報を埋め込むことができます。メタ情報を埋め込む方法は何通りかありますが、もっともシンプルなものは、従来のmeta/link要素による指定とほぼ変わりません。 たとえば、ページの説明を記述するとき、XHTMLやHTMLではこう記述します。 <meta name="description" content="ページの説明" /> RDFaでは、新しく導入されたproperty属性を
Microformats x SwapSkills 個人的まとめ « Study « Forest.Kの徒然日記
Home Study Microformats x SwapSkills 個人的まとめ Microformats x SwapSkills 個人的まとめ April 17, 2008 02:31 forestk Comments(0) TrackBack(2) Microformats x SwapSkills 個人的まとめ #forestk Posted in Study Tags : Microformats マイクロフォーマット アップルストア hAtom hCard SwapSkills: 『Microformats x SwapSkills』アップルストア銀座 に行ってきました。 最近、またなんか Microformats が盛り上がっていたりもするらしいのですが、なかなか日本ではこれと行った情報源がほとんど無いのが現状です。 今回は、microformats.biz の中の人が
hCalendarをiCalendarに書き出す
2005-06-27T02:48:34+09:00 2xUP:microformatsによるイベントのマークアップフォーマットhCalendarのつづき 前のエントリでhCalendarのフォーマットについて書いてみましたが、このhCalendarのAuthorsとして挙げられているBrian Suda氏によるX2VというウェブアプリケーションでiCalendar形式に書き出すことが可能です。 suda.co.uk/projects [X2V]（suda.co.uk） ためしに以下のようなXHTML文書を使ってhCalendarからiCalendarに書き出し、Mac OSXのiCalに読み込んでみます。 hCalendar to iCalendar hCalendarフォーマットでイベントを明示した(X)HTML文書を作成（Blogのエントリでもオケイ） suda.co.uk/proje
suda.co.uk/projects/microformats [Cheat Sheet]
Microformats Cheat Sheet Introduction This microformats cheat sheet lists the properties by format and also lists each format and the hierarchy. This includes elemental microformats, compound microformats and some of the standard design patterns used. Download microformats.cheatsheet.pdf (71.16 KB) microformats.cheatsheet-jp.pdf (171.55 KB)
WhyMicroFormats
Dans le monde passionnant du gaming, disposer d’un ordinateur performant est primordial pour profiter au maximum de ses jeux préférés. Mais comment choisir son PC gamer ? Quels sont les critères à prendre en compte lors de l’achat ? Dans cet article, nous allons vous donner quelques conseils afin de vous aider à sélectionner le … Comment choisir le meilleur PC gamer ? Lire la suite » Dans le monde
CSS Nite LP Disk 1 で行った microformats に関するセミナーの資料などを公開 - 2xup.org
2006-10-10T18:00:00+09:00 本日 CSS Nite LP DIsk 1 が行われました。現在会場の Opera ブースから更新しています。今回もたくさんの方にご来場いただいたようで、確かに会場はものすごい熱気でした。無料版の CSS Nite もそうですが、みなさんお熱い。『とったらんかい！』と言わんばかりの熱心な姿勢の方が多く、このような雰囲気の中、お話できて本当に良い経験になります。今回は長谷川恭久さんとのジョイントセッションでした。 CSS Nite 公式ブログ: CSS Nite LP Disk 1(CSS Nite 公式ブログ) 今回はこれまでの経験から、いくら簡単なことでも難しく伝えられると手を付けるのが遅くなったり、その簡単さに気づくのに時間がかかったりしてしまうので、microformats の魅力をできるだけ楽しく伝えられるように努力してみましたが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://oli.jp/slides/microformats-microdata/