SEOのための構造化データ初心者向けガイド [前編]
SEOのために構造化データを実装する方法「SEOのための構造化データ初心者向けガイド――構造化データを実装する方法」にようこそ。 今ご覧になっているこの記事はガイド全体のパート2です。 パート1（日本語未訳）では、「構造化データとは何か」「SEOの取り組みをサポートするために構造化データをどのように利用できるか」について概要を説明した。 このパート2では、ウェブサイトでSEOのために構造化データを実装する手順について説明する。これは初心者向けガイドなので、利用可能な最も基本的な構造化データのマークアップとよくあるユースケースについて説明したい。また、実装の技術的な面について理解するための追加リソースを提供する。 構造化データの利用が適切かどうかを判断する一般的には、SEOのために構造化データを実装すれば、ほとんどの人にメリットがもたらされる。しかし、実装には一定の労力とリソースが必要だ。ま
![SEOのための構造化データ初心者向けガイド [前編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0608ab55b9ad90c4188d020d5681205bd9b65a41/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fseomoz%2Fmoz_teaser_icon_1_200.png%3Fitok%3DCPk14RKP){kind=icon}
第2回 Internet StandardsとRFC
インターネットの標準的なプロトコルは「Internet Standards」と呼ばれ、 ISOC（Internet Society）が管理している。 連載目次 前回説明したように、ネットワークに接続されているコンピュータや機器がお互いに通信するためには、それらの間で共通に決められたプロトコルを利用する必要がある。これはインターネットにおいても同様であり、そのためのプロトコルが定められている。この標準的なプロトコルは「Internet Standards」と呼ばれ、ISOC（Internet Society）という組織によって管理されている。今回は、このInternet Standardsと呼ばれるプロトコルの標準化のプロセスと、そこで決められているRFC（Request for Comments）というドキュメントについて見ていく。インターネットのプロトコルは、（ほぼすべてが）このRFCと
5分で絶対に分かるAPI設計の考え方とポイント
API設計を学ぶべき背景と前提知識、外部APIと内部API、エンドポイント、レスポンスデータの設計やHTTPリクエストを送る際のポイントについて解説する。おまけでAPIドキュメント作成ツール4選も。 【0分】API設計を学ぶべき背景 APIの公開が増えている 最近、自社で保有するデータや、システム、アプリケーション、Webサービスの機能を「API（Application Programming Interface）」として公開する企業が、増えてきています。これに伴い、「API経済圏（APIエコノミー）」という新たなビジネスモデルが確立されつつあります（参考：5分で絶対に分かるAPIマネジメント、API経済圏）。 「ProgrammableWeb」というAPIに関するニュースサイトや、さまざまな企業が提供するAPIのリンクがまとまったサイトもあり、APIの普及はものすごいスピードで進んでいる
パララックスをサクッと作れるskrollr
「skrollr」は、パララックス（視差効果）を簡単に実装できるプラグインです。 サンプルの動画を見ていただければわかりますが、非常に多彩なエフェクトが用意されており、基本的なパララックスサイトであれば、サクッと作れます。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、skrollrを配布ページからダウンロードしましょう。skrollrはGitHubで公開されており、ページ右下の「Download ZIP」というボタンからダウンロードします。 jQuery本体と「dist」フォルダに入っている「skrollr.min.js」を、利用するWebページのbodyの閉じタグ直前で読み込みます。 //(中略) <script src="jquery.min.js"></script> <script src="skrollr.min.js"></sc
WordPress自体のチューニングが必要な理由と高速化の基本的な考え方
企業のCMSサイトやオウンドメディアなどエンタープライズ用途での利用が増加しているWordPressの高速化について解説する連載。初回は、WordPressの高速化が求められる背景や、WordPress高速化の基本的な考え方であるページのロード時間とその構成要素、1秒当たりの同時アクセス数について解説します。 WordPressの高速化が求められる背景 「WordPress」は世界中で最も使われているCMS（Contents Management System）のソフトウエアです。「W3Techs」の統計によると、世界中のWebサイトの約24％、CMSソフトウエアを利用したWebサイトの約6割で利用されています（参考「Usage statistics and market share of WordPress for websites」）日本国内に限定すると、CMSソフトウエアを利用したW
フォントから考える(1) 創英角ポップ体はなぜ街に溢れるのか?
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人を含め広く知られているフォントとして、以前取り上げた「MS Pゴシック」をはじめとした「MSフォントシリーズ」に匹敵すると言っても過言ではないのが、「創英角ポップ体」でしょう。 Microsft Officeに標準搭載されているという共通点をもつふたつのフォントですが、その見た目は大きく異なります。駅の構内や商店の店先など、手作りの掲示物に多く使われているため、普段このソフトを使わない人でも、見覚えがあるのでは? そんな街中にあふれている「創英角ポップ体」は、プロのデザイナーの目から見てどう映るのでしょうか。 本連載では、「MS Pゴシック」の記事に登場していただいた、デザイナー・「Sさん」こと佐々木未来也さんに、テーマとなるフォントについて質問を投げかけていきます。今回は、街中にな
WebページをRetina対応させるテクニック～基礎知識編
WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
第4回 他人の著作物を安全に利用するために - MdN Design Interactive
アート・エンタテインメントの業務を多く扱う「骨董通り法律事務所For the Arts」の弁護士による、著作権とそれにまつわる法律関連の連載です。クリエイターが気になる法律問題についてわかりやすく解説しているので、ぜひ参考にしてください。 文：弁護士 永井幸輔（骨董通り法律事務所 for the Arts） ケース：クライアントからの依頼で、旅行情報誌の表紙のアートワークを制作することになった。メインビジュアルには紅葉の山の風景写真を使いたいが、手元に使える写真がなかったため、インターネットで探して利用することにした。著作権を侵害しないよう適法に写真を使うためには、どうすればよいだろうか。 今回は、著作物の「利用」の側面についてお話ししましょう。 自身で発表するかクライアント・ワークであるかを問わず、制作物に他人のアートワークを使用することも少なくないのではないでしょうか。既存の作品には、
第1回:アプリ成長のカギ「KPI」を正しく設定するには【連載:『カメリオ』のオープン・グロースハック】 - エンジニアtype | 転職type
『カメリオ』のオープン・グロースハック 白ヤギコーポレーション ビッグデータ解析やプログラミング、物理学から経営学など、あらゆる道を極めた者たちが集うハードコアなエキスパート集団。粗食に耐え、険しい山道も着実に上っていく白ヤギのように、苦難に負けず常に成長していく会社を目指す。2014年2月にローンチしたフォローメディア『カメリオ』をどうやって育てていくか模索中 はじめまして、白ヤギコーポレーションです。われわれの開発しているフォローメディア『カメリオ』は、フォローしたテーマに関する重要なニュース記事やブログを高精度で自動収集してくれる、まったく新しい形の情報収集ツールです。 『カメリオ』とは 『カメリオ』 正式リリースは2014年2月。盛り上がりを見せるニュース・情報収集系アプリのジャンルでは後発のサービスになりますが、100万以上のテーマから自分の気になるものを選び、追いたい情報を欠か
はじめてECサイトを立ち上げる際に、まず押さえるべき4つのポイント ─ ECスタートアップ実践講座
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
スマホアプリ開発にも役立つHTML5の8つの技術
前回でお伝えしたように、シリコンバレーでは特に昨年あたりから「オープンなWebの技術でスマートフォン向けアプリを開発」という動きが強くなってきています。そして、オープンなWebの技術を語るときに欠かせない存在のひとつとしてHTML5が挙げられます。 今回はスマートフォン向けアプリケーション開発の観点からHTML5をおさらいしてみましょう。 1. HTML5の8つの特徴的な技術 HTML5には「セマンティックス」「オフライン＆ストレージ」「デバイスアクセス」「コネクティビティ」「マルチメディア」「3D、グラフィックス、エフェクト」「パフォーマンス＆インテグレーション」「CSS3」という8つの特徴的な技術があり、各技術を表すロゴも決められています。 以下では特に、これら8つの技術を使うとスマートフォン向けWebブラウザで何ができるのかについて、簡単に振り返ってみたいと思います。 1）セマンティ
サンプルで学ぶHTML5の仕様変更要素・中編 (1/3)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5には、新たに加わった要素だけでなく、従来とは意味や使い方が変わった要素があります。引き続き、意味や、使い方に変更があったり、注意点が加わった要素を解説します。 各要素の解説冒頭に登場する「カテゴリー」と「コンテンツモデル」については、第5回を参照して復習してください。 HTML5のグローバル属性 以降の解説で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページを1秒以内に表示するための最新技術、そしてSEOの未来（テクニカルSEOの復権 最終回） | Moz - SEOとインバウンドマーケティングの実践情報
ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト
ペパボのフロントエンドスタンダード に関する記事一覧 - ペパボテックブログ
本気で使いこなす「SVG」再入門【2015年版】
サイト画面などの著作物を正しく引用する方法とは？／【漫画】僕と彼女と著作権・第3話 | 僕と彼女と著作権