【サイト制作時に参考になるかも】色んなサイトのページ説明メタ要素「description」を調べてみた
どうも、HTML、CSSはとにかくソースを見てメモ帳にコピペして学ぶのが１番だと思っている私(@こふす)です。プログラミング言語ではないので独学でとらわれないやり方で徐々に学んでいくのが１番な気がします。
さてさて、サイトを作る時には色々なことをしないといけませんよね。例えばサイトの名前とか、デザインとかロゴとか、コーディングとか、素材集めとかetc…
やることがありすぎて作っている期間というのは半ば戦闘状態でもあるわけですが、そこで見落としがちといいますか、後回しにして最後にパパっとやることが多い（私は特に）事の中に「メタ要素」というものがあります。実際にユーザーには関係のない検索エンジンやアプリケーションが利用する情報のことで、メタ要素にも色んなものがあるわけですが、今回はその中からサイトやページの中身がどんなものなのかを端的に紹介する「description」というメタ要素についてフォーカスします。
descriptionが一体どんなものなのか、現状としてどんな状況にあるのか、そして実際にdescriptionを設定する時に参考になるかもしれないいろんなサイトのdescriptionをリストにしてみました。
description（ディスクリプション）とは！？
まずはdescriptionについてですが、簡単に言うとサイトないしページの中身が一体どんな内容なのかを紹介する要約文になります。タイトルやサイト名からだけでは知れないサイトやページの自己紹介といったところでしょうか。
descriptionは必須ではないものの、設定すると検索エンジンやアプリケーションが収集してくれます。例えばGoogleでサイト名を検索するとこんなふうにタイトルの下に表示されたりします。
私のブログの名前を検索するとこんなふうに表示されます。
膨大な情報がある中からページの内容が検索画面から知る事ができると、より一層アクセスしてくれるユーザーに対して多くの情報を提供でき、アクセスに至るまでに吟味が出来ますよね。
検索エンジン大手のGoogleでもこのdescriptionの設定は推奨しており、設定されたdescriptionがページの内容と合っていて的確であると判断されれば検索画面に表示するとしています。
ちなみに判断の基準としては
- 使い回しではなくページ１つ１つに合った内容である。
- 明確で分かりやすい説明であり、ページの内容によって記述方式を変える。（書籍に関するページでは「著者：鈴木太郎,価格：1000円」等）
- 160文字以下の文字数で質の高い説明の内容である。
などなど。詳しくは公式ページをご覧ください。
descriptionはページの中身（コンテンツ）ではないので意外と軽視されがちで、疎かになることが多いのですが設定しているとこういった恩恵を受けることが出来るのです。
descriptionとは別でサイトやページの内容を設定するものに「keyword」というメタ要素もあります。keywordについては以下のサイトが分かりやすく説明されています。
実際に色んなサイトで設定されているdescriptionの内容
さてここからは有名なサイトを中心にカテゴリー分けをした64個のサイトを調べて、設定されているdescriptionの内容をご紹介していきます。数が数なので特にコメントをしたりはせずにブワァーと紹介していきます。気になるdescriptionや参考になる記述方式などが見つかれば幸いです。（全サイト2014/10/23調べ）
カテゴリ：WEBサービス
WEBで提供されているサービス等
PAKUTASO
ぱくたそ/PAKUTASOは、4944枚の写真素材を無料（フリー）で配布しています。会員登録なしで簡単ダウンロード可能、すべてレタッチ済みの高品質/高解像度です。ネタ系の素材もご用意しています。
写真素材,ダウンロード,無料,高解像度,ネタ,商用,人物,フリー
クックパッド
日本最大の料理レシピサイト。186万品を超えるレシピ、作り方を検索できる。家庭の主婦が実際につくった簡単実用レシピが多い。利用者は2000万人。自分のレシピを公開することもできる。
レシピ,簡単,料理,COOKPAD,くっくぱっど,recipe
NAVER まとめ
あらゆる情報を、自由に組み合わせ、ひとつのページにまとめて保存・紹介できるサービス。誰もが[情報をデザイン]できるようにすることで、今までにない人と情報との出会いを実現します。
keyword：NAVER,まとめ,NAVER まとめ,キュレーション,キュレーター,WEBキュレーター,検索,話題
はてなブックマーク
はてなブックマークはオンラインにブックマークを無料で保存できるソーシャルブックマークサービスです。みんながブックマークしたインターネット上の旬なニュースや情報が集まります。
はてなブックマーク,はてブ,ソーシャルブックマーク,オンラインブックマーク,SBM
OKWave
OKWave(オウケイウェイヴ)は毎月4,000万人が利用する日本発、最大級のQ&Aサイト。あなたの質問にみんなが回答をしてくれるため、疑問や悩みをすばやく解決することができます。
keyword：Q&A,知恵袋,疑問,質問,解決,検索,トラブル,教えて
価格.com
「買ってよかった！」と思えるお買い物は価格.comから！ パソコンや家電から、ファッション、食品に至るまで、あらゆる製品・サービスを、販売価格やクチコミ情報、ランキングなどの視点から比較・検討できる、お買い物支援サイトです。
価格.com,価格,比較,値段,クチコミ,評価,ショッピング
Wikipedia
なし
keyword：なし
食べログ
お店選びで失敗したくない人のためのグルメサイト「食べログ」は全国にあるレストラン789,394件の飲食店情報を掲載中。独自のランキングやユーザーの口コミ・写真をもとに、様々なジャンルの人気のレストラン、目的や予算にぴったりのお店が見つけられます！
グルメ,レストラン
ぐるなび
グルメ情報サイト【ぐるなび】。ぐるなびは目的、エリア、駅名、予算等希望条件から飲食店を手軽にスピーディーに検索でき、しかも利用はすべて無料！お得なクーポン情報や最新レストラン情報も満載なので、歓送迎会・宴会のお店探しにもオススメ！
グルメ,グルメ情報,グルメガイド,ぐるめ,ぐるなび,忘年会,新年会,歓送迎会,クーポン,飲食店,レストラン
カテゴリ：ブログ系
個人運営のブログサイトなど
Webクリエイターボックス
なし
webデザイン, webサイト デザイン, web ニュース, twitter 人気, グラフィックデザイン,twitter 人気のつぶやき,svg clippath, svg マスク, svg クリッピングマスク, svg 切り抜き,svg,webデザイン ゲーム, webデザイン 勉強, webサイト 制作 ゲーム,web関連記事,便利ツール,wordpress プラグイン, wordpress プラグイン 無料,wordpress,背景画像 画面いっぱい, 大きな背景画像 css, webデザイン 背景画像, css 上下中央,css,アクセシビリティ メニュー, ドロップダウンメニュー css,jquery,アクセシビリティ
ホームページを作る人のネタ帳
売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ
web制作,無料アイコン,ブログ,デザイン
Webデザインレシピ
Webデザインレシピは Webデザイン、WordPress や CSS、jQuery 、Photoshop、Illustrator など、Web制作に関連する情報を綴るブログです。
Webデザインレシピ,Webデザイン,WordPress,CSS,jQuery,Photoshop,Illustrator
OZPAの表4
Mac,iPhone,Evernote,Web,Wordpress,Foodカテゴリを中心に、管理人のOZPA（おつぱ）が気になった様々な情報をお届けするブログです。
OZPA,Mac,iPhone,Evernote,Apple,表4,WordPress,おつぱ,オツパ
PHPSPOT
なし
なし
男子ハック
iPhone、Mac、Webサービスなどインターネットで話題のモノを中心に紹介しています。
ニュース,os x,yosemite,ipad,ios,ios 8,twitter,iphone,アプリ,mac,kindle,ipad air,ipad mini,facebook
prasm
デザイナー目線でアプリ、webサービス、ガジェットを、実に適当にそれなりに小洒落ながら口笛を吹きながら、風に吹かれながらお知らせするブログメディアです。
デザイン,webサービス,ガジェット,WordPress
gori.me
iPhone 6やiPhone 6 Plus、MacBook AirやMacBook Pro、iPad AirやiPad mini、そしてApple WatchなどのApple情報を中心とした最新ITニュースや商品レビュー、グルメ情報、旅行記、セール情報など幅広い情報ををお届け！
gori.me,ゴリミー,gori,iPhone,MacBook Air,Apple,iPad,iPad mini,Mac,Watch,おもしろ画像,速報,Wordpress
わかったブログ
Webマーケティング、ビジネス本、ジョギング、静岡暮らしの話題。モットーは、やるなら楽しく！
なし
むねさだブログ
美味しいものが大好きなわんぱくブロガーです。 食べ物、ガジェット、カメラや写真、おしゃれな生活雑貨などの情報を中心に記事を書いています。 NEX-5Nやとれるカメラバッグ関連のカメラ情報、 au版iPhone4SやAndroidの情報も取り上げてます。最近はパズドラにハマってます。
わんぱくブログ,わんぱくブロガー,むねさだ,ムネサダ,ブログ,宗貞,レビュー,感想,ガジェット,カメラ,グルメ,写真,子育て
カテゴリ：IT・ニュース・ライフ系
ITやニュース、芸能、ライフなど情報を扱うサイトなど
AppBank
iPhoneアプリやiPadアプリ、iPhoneアプリの値下げ・セール情報、iPhone関連アクセサリーを紹介しているサイト
iPhone,アプリ,iPhoneアプリ,iPadアプリ,アクセサリ,ランキング,おすすめ,無料iPhoneアプリ
ロケットニュース24
ロケットニュース24は、あまり新しくないニュースを早く伝えたいという気持ちだけは負けていないサイトです。海外のニュースや、変なニュース、おもしろいニュースやネットでの出来事などを、８割くらいの力でお届けします。
なし
ロイター
Reuters.co.jpはニュース速報、ワールドニュース、ビジネス情報、経済ニュース、株式ニュース、外国為替ニュースなどが入手できる重要な情報源です。ロイターは世界中のメディア、金融機関、そして個人投資家にニュースや金融情報、テクノロジーを提供する世界最大の国際通信社です。
ロイター, ロイター通信,Reuters, news, ニュース, 海外ニュース,株,株式, 外国為替,外為,為替,投資, 株式市場,日経平均,金利,原油価格, 世界,ワールド, 金融, 投資, マネー, 速報, トップニュース, ビジネス情報, トムソン, トムソンロイター, トムソン・ロイター, Thomson, Thomson Reuters, Thomson Reuters financial, 金融情報, マーケット情報, マーケットデータ, Market Information, Financial Information, Stock Market Indices, FX Rates, Exchange Rates, Financial Market News, FX Trading
ライフハッカー
ガジェットなどを駆使し、スマートに楽しむ仕事術「Lifehack」。「ライフハッカー［日本版］」では、その言葉を広義に捉え、生活全般に役立つライフハック情報を日々お届けします。 ｜ ライフハッカー［日本版］
APPLE, MICROSOFT, WEBツール, お役立ちアイテム, フリーソフト, ブラウザ, 仕事術, 恋愛術, 豆知識 などなど
ZAKZAK
産経新聞社が発行する「夕刊フジ」の公式サイト、ＺＡＫＺＡＫの「芸能」ページです。芸能ニュース、コラム、インタビュー記事などを掲載しています。
芸能,音楽,アイドル,インタビュー,コラム,宝塚,韓流,映画,視聴率,ZAK THE LIVE,ニュース,夕刊フジ,産経デジタル,産経新聞,ＺＡＫＺＡＫ,ZAKZAK,ザクザク
Find Job ! Startup
スタートアップの成功に必要なナレッジを紹介しています。戦略、企画、マーケティング、ファイナンス、技術、デザインなど、スタートアップに必要なテーマが満載です。
Find Job ! Startup
WIRED.jp
未来をつくるIDEAS + INNOVATIONS。最新テクノロジーニュース、気になる人物インタビュー、ガジェット情報、サイエンスの最前線など、「未来のトレンド」を毎日発信。US/UK/ITALIA版WIREDからの翻訳記事をいち早くお届け。日本発、注目の動向を追ったオリジナル記事も満載。
ワイヤード, ワイアード, WIERD, WIRED, wired japan, wired vision, イノベーション, アイデア,ニュース
creive
クリエイティブを、アーカイブする。creive（クリーブ）は「クリエイティブ」をテーマに、デザインや制作、ライフハック等の情報を発信しているメディアです。
ライフハック,デザイン,プログラミング
Techable
Techable（テッカブル）は、国内外のスタートアップ／ネットベンチャーの新サービスを中心に紹介するテック系ニュースサイトです。
Techable, techable, テッカブル, テクノロジー, ソーシャルメディア, スタートアップベンチャー, ニュース
秒刊SUNDAY
IT・炎上等あらゆるシーンで役立つ最新ニュースを毎日提供する面白ニュースサイト秒刊SUNDAY
ニュースサイト,面白いニュース,秒刊サンデ―,秒刊SUNDAY,ニュース,最新情報,ガジェット,世界のニュース
ITmedia
テクノロジー関連のニュース及び速報を中心に、レビューや特集記事を掲載。
IT,ニュース,エンタープライズ,モバイル,ライフスタイル,PC,ゲーム,blog
ガジェット通信
デジタル世代のレビュー＆ニュース＆カルチャーマガジン ネットで起きたさまざまな出来事や最新ガジェット情報をやわらかく伝えるニュースサイト。生放送番組も絶賛放送中です。
なし
Engadget 日本版
Engadgetは誰よりも先に新しいガジェットを手に入れたい、マニア必見のサイトです。日本版engadgetは海外版記事の情報だけではなく、日本独自の視点からも情報を発信しています。
なし
ギズモード
Gizmodo Japan（ギズモード・ジャパン）トップページ：ガジェット情報満載ブログ
ギズモード,ガジェット,PC,周辺機器,携帯,iPod,Mac,ソフト
ASCII
趣都・アキハバラの最新情報をお届けするアスキー・メディアワークスの情報サイト。PC/ITからテクノロジー、サイエンスまで、オタク、マニアの心を鷲づかみ。
アスキー,ASCII,ASCII.jp,メディアワークス
TechCrunch Japan
TechCrunch is a leading technology media property, dedicated to obsessively profiling startups, reviewing new Internet products, and breaking tech news.
なし
GIGAZINE
日々のあらゆるシーンで役立つ情報を提供するIT系ニュースサイト。毎日更新中。
ニュース,ブログ,インターネット,IT,ソフトウェア,ハードウェア,ネタ,ネットサービス,食,試食,モバイル,ゲーム,アニメ,メモ,GIGAZINE
カテゴリ：検索エンジン
代表的な検索エンジン3サイト
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
なし
Yahoo! Japan
日本最大級のポータルサイト。検索、オークション、ニュース、天気、スポーツ、メール、ショッピングなど多数のサービスを展開。あなたの生活をより豊かにする「課題解決エンジン」を目指していきます。
日本最大級のポータルサイト。検索、オークション、ニュース、天気、スポーツ、メール、ショッピングなど多数のサービスを展開。あなたの生活をより豊かにする「課題解決エンジン」を目指していきます。 3. なし
Bing
Bing は必要な答えを検索して整理する検索エンジンです。Bing を使うと、より速く、より多くの情報を元に判断を下すことができます。
なし
カテゴリ：ショッピング系
ショッピングサイト、ネット通販など
楽天市場
楽天市場はインターネット通販、通信販売が楽しめる総合ショッピングモール。フリーマーケットからオークション、グリーティングカードに各種イベントまで人気、実力ともに日本ナンバー１の本格的なオンラインショッピングコミュニティです
通販,インターネット通販,オンラインショッピング,楽天,楽天市場,rakuten,ラクテン,らくてん
ヤフオク
ヤフオク!は、いつでも、どこでも、簡単に売り買いが楽しめる、日本最大級のネットオークションサイトです。新品から新古・中古・アウトレット・訳ありまで、ヤフオク!にしかないお買得商品がいっぱい。
なし
ユニクロ
あらゆる人が良いカジュアルを着られるようにする新しい日本の企業、株式会社ユニクロ(UNIQLO CO., LTD.)についての情報が満載。
ユニクロ,UNIQLO,商品,ファッション,Tシャツ,T-Shirt,UT,ジーンズ,カジュアル
Amazon
オンライン通販Amazon.co.jp公式サイト。日替りで目玉商品が続々登場。秋のタイムセール祭り10/21まで開催中。通常配送無料(一部を除く)。お急ぎ便ご利用で当日・翌日にお届け。Amazonモバイルスマートフォン用アプリもご利用いただけます。
Amazon,アマゾン,通販,インターネットショッピング
無印良品ネットストア
人気の定番商品から最新商品まで、7,500以上の商品を取りそろえた無印良品ネットストア。ネット限定商品やアウトレット商品、最新のキャンペーンなど、お得な情報が満載です。
無印良品,MUJI,ムジ,ムジネット,むじ,むじるし,むじるしりょうひん,MUJI.net,無印
カテゴリ：企業系
企業サイト、コーポレートサイトなど
モスバーガー
モスバーガー公式サイトでは、人気のハンバーガーや美味しいコーヒーなどのメニュー情報、便利な店舗案内サービスやお得なクーポン、キャンペーン、会員情報をお届けします。
モス,モスバーガー,MOS,MOS BURGER,メニュー,店舗,クーポン,ハンバーガー
サントリー
ようこそ、サントリーのホームページへ。商品情報やキャンペーン、プレゼントなどお得な情報満載です。人々の生活や文化をより豊かに、実りあるものとするために、社会に潤いを与える「水」のような存在になりたいという思いと活動について紹介します。
サントリー,SUNTORY,水と生きる
ライオン株式会社
今日を愛する。ライオン
ライオン株式会社, ハミガキ, デンタルリンス, 口中剤, ハブラシ, 用具, 入れ歯用品, うがい薬, ヘアケア, ヘアメイク, フェイスケア, ボディケア, フットケア, 制汗デオドラント, ハンドケア, 育毛剤, 男性用化粧品, お洗濯, 衣類と靴のお手入れ, 住居用洗剤, 殺虫剤, キッチンのお手入れ, 調理関連, ギフト製品, 花粉対策, 解熱鎮痛薬, かぜ薬, 消化器系薬, 眠気止め薬, ドリンク剤・ビタミン剤, アイケア, シップ薬, かぜ薬関連品, CM情報
ヤマハ株式会社
楽器や音楽、音響機器などを製造するヤマハ株式会社の製品情報、企業情報、IR情報、CSR/環境・社会活動をご紹介します。
ヤマハ株式会社,製品情報,教室・レッスン,音楽情報・サービス,新着情報,サポート・お問い合わせ,店舗検索,ヤマハについて
ANA
「ANA公式サイト」航空券の予約・購入、空席・運賃の照会などはANAのホームページで。国内航空券・海外航空券のほか旅行商品・ツアーの予約・購入も可能マイレージクラブ入会案内もご用意しております。
航空券,国内航空券,海外航空券,予約,購入,国内線,国際線,航空会社,マイル,国内旅行,海外旅行,ANA,全日空,全日本空輸
Adobe
アドビは、コンテンツおよびアプリケーションの作成、配信、最適化を支援し、デジタル体験を通じて世界を変えて行きます。
なし
Apple
Appleは、iPhone、iPad、Macノートブック＆デスクトップパソコン、iOS、OS X、iPodとiTunes、そして新しいApple Watchをデザインし、開発しています。
なし
日本マイクロソフト
マイクロソフトは、世界中のすべての人々とビジネスの持つ可能性を最大限に引き出すための支援をさせていただくことを使命として、Surface などのデバイスからクラウドサービスまで多種多様な製品・サービスの開発・提供により、様々な分野で事業を展開しています。
なし
Evernote
大切な作業を行うための、デジタルのワークスペースです。Evernote で参考になるアイデアを集め、渾身の文章を作成して、重要なプロジェクトを前進させましょう。
メモ, メモアプリ, ノート, 写メ, ケータイのカメラ, 画像検索, 画像認識, 手書き文字認識, スマホ, スマートフォン, カメラアプリ, 議事録, ボイスメモ, 録音, Webクリップ, ウェブクリップ, デジタルインク, インクノート, 記録, 記憶, 蓄積, ライフログ, 日記, 旅行記, 知識管理, 知識の蓄積, 知識の発見, 検索, さがす, 同期, シンク, マルチプラットフォーム, 複数デバイス, マルチデバイス, ログ, 食事記録, 食事ログ, 写真アルバム, 名刺管理, マップ, 記憶を助ける, GTD, 生産性, クラウド, クラウドサービス
カテゴリ：通信サービス系
代表的な携帯会社3社
NTTdocomo
NTTドコモのオフィシャルウェブサイトです。Xi、FOMAなどの携帯電話情報、スマートフォン、iモードなどの各種サービス、料金プラン、サポート情報をご紹介しています。
docomo,ドコモ,スマートフォン,携帯電話,機種,ケータイ,モバイル,Xi,FOMA,おサイフケータイ
au
auの公式ホームページ。個人のお客さま向けサービスをご紹介します。
au,KDDI,iPhone,スマートフォン,スマホ,スマートホン,携帯電話,モバイル,インターネット,コンテンツ,お問い合わせ,サポート,オンラインショップ
SoftBank
ソフトバンクの公式ホームページです。モバイル（スマートフォン、携帯電話、タブレットなど）の製品・サービス情報をはじめとして、インターネットサービス、ライフスタイルを豊かにする各種サービス、ショップ情報、サポート情報、企業・IR情報などをご紹介します。
ソフトバンク,softbank,iPhone,iPad,スマートフォン,携帯電話,モバイル,インターネット
カテゴリ：動画共有サービス系
有名動画共有サービス2サイト
YouTube
動画を作成し、友だちや家族、世界中の人たちと共有
動画,ビデオ,共有,カメラ付き携帯電話,動画機能付き携帯電話,無料,アップロード,チャンネル,コミュニティ,YouTube,ユーチューブ
niconico
なし
なし
カテゴリ：SNS系
代表的なSNSサイト3サイト
友だちや魅力的な人々とつながって、興味のある最新情報を見つけましょう。そして、いま起きているできごとを様々な角度から見てみましょう。
なし
Facebookは、友達や同僚、同級生、近所の人たちと交流を深めることのできるソーシャルユーティリティサイトです。Facebookを利用すれば、友達の近況をチェックしたり、写真をアップロードしたり(枚数は無制限)、リンクや動画を投稿したり、知り合いと連絡を取り合うことができます。
なし
LINE
LINE(ライン)は、24時間、いつでも、どこでも、無料で好きなだけ通話やメールが楽しめる新しいコミュニケーションアプリです。
無料,通話,電話,メール,メッセージ,SMS,チャット,スタンプ,iPhone,Android,アプリ
カテゴリ：その他
その他カテゴリー未分類なサイト
ゼクシィ
ゼクシィはブライダルに関する情報が満載！ウエディングや二次会などの会場探しを始め、婚約指輪から新生活まで、ブライダルに関することは全部ゼクシィがお手伝い。いろんなウエディングや口コミも参考にして納得のいくウエディングを！
結婚,結婚式,ブライダル,ウエディング,ゼクシィ,ゼクシー
2ちゃんねる
「ハッキング」から「今晩のおかず」までを手広くカバーする巨大掲示板群『２ちゃんねる』へようこそ！
２ちゃんねる, 掲示板, 2ch, BBS
アメーバブログ
アメブロでブログを書こう！ アメーバブログ（アメブロ）とスマホ対応のコミュニティ&ゲーム SNS はアメーバ。アメーバピグ・芸能人ブログも楽しめる。
アメーバ,ameba,アメブロ,ブログ,blog,芸能人,ランキング,コミュニティ,ゲーム,スマホ,アメーバスマホ,無料,ピグ,SNS
さていかがでしたでしょうか！？64サイトともなると一気に見るのには結構な量だったかと思いますが、こうしてみるとサイト１つ１つにdescriptionにバリエーションがあるのがわかりますね。最近の更新状況が書かれていたり、書き手の自己紹介があったり、セール情報があったり、descriptionを設定していなかったり等など。既にサイトを持っている方はこの機会にdescriptionを見なおしてみたり、これから作る予定がある方は参考にしてみてはどうでしょうか！！
