株式会社monomode私たちは札幌・東京を拠点に活動するWEB制作、ホームページ制作会社です。WEB制作やネットショップ制作など、ウェブデザインの提案を主に、ポスターやパンフレットなど印刷物の制作も行っています。inc.WRITER:五十嵐翔太CATEGORY:WEB制作・ホームページ制作twitterlike!google+はてブPocketどうもこんにちは寒くなってきました札幌。紅葉も始まっている気配もあります。マークアップについてご紹介させていただきたいと思います。マークアップとはまず、一般的なウェブサイトの構築にはHTMLとCSSが利用されていますよね。GoogleはこのHTMLとCSSで構築されたウェブサイトからあらゆる情報を収集することによって検索エンジンの検索結果に役立てています。そのウェブサイトを構成する情報によりGoogleの検索エンジン(ロボット)が情報を取得しやすいよう、構造化してあげるのが構造化データのマークップ。ブログの記事には様々な情報が書かれていたりしますよね。これらは人間がページを見た場合にはどういった情報なのかを理解出来ますが、Googleのクローラーにはただのブログ本文と同じテキストに見えてしまい、著者などの情報を持った意味のあるテキストとして識別することが難しいのです。この意味のあるテキスト情報をクローラーに理解してもらいやすくする為の技術といえます。※クローラーとはクローラ(Crawler)とは、ウェブ上の文書や画像などを周期的に取得し、自動的にデータベース化するプログラムである。「ボット(Bot)」、「スパイダー」、「ロボット」などとも呼ばれる。Wikipediaより構造化データマークップを施すメリットただGoogleのクローラーが情報を取得しやすくなるだけでは意味がありません。そこで実際に構造化データマークップが施されるとどういったメリットがあるのかを見てみましょう。自社サイトの検索結果が変わる構造化データをマークップすることでGoogleで検索キーワードを入力し、表示される検索結果に様々な情報を掲載することが可能になります。食べログ」でGoogle検索してみた場合に表示された検索結果の一部です。タイトルの下にこの記事が持つ様々な情報が表示されているのがわかりますでしょうか。URLにつづいて記事カテゴリが分かりやすく表示されています。その下に★が書かれており、評価点数とレビュー件数も一緒にあります。レシピ」でGoogle検索して検索結果に表示されたクックパッドの表示です。タイトルの下に正方形の写真が表示されていますよね。この食べログとクックパッドの2つの検索結果には構造化データがGoogleに取得され、いくつかの情報がタイトルや本文に加えて表示されています。構造化データをマークップしている為、このように表示されるんです。近い将来、SEO対策にもなる?上記でご紹介させていただきた内容を読んでいると「ということは、SEO対策にもなるんだね!」という声が聞こえて来そうですが、今のところGoogleは構造化データマークップがSEO対策になる施策としては評価していません。Mueller氏は構造化データのマークップを今後Googleのアルゴリズムとして取り入れる可能性がある。現在は評価の項目の1つにはなっていませんが、入力したキーワードに対して表示される検索結果一覧の中では、ユーザーの目を引くことができる施策の一つなのではないでしょうか。次に実際にどのように構造化データのマークップをするのかを見てみましょう。構造化データの書き方この記事の冒頭で、HTMLとCSSによってウェブサイトは構築されているというお話をさせていただきたが、構造化データのマークップ方法は簡単にいうとHTMLをちょっとばかし書き換えるイメージです。ここではもっとも簡単な例をご紹介します。下記の様な記述はよく見かけますよね。</p></section>このようになります。記述の中にもありますが、基本的にはitemprop=”〇〇”、itemscope、itemtype=”〇〇”を用いて情報を記述していくような形になります。HTMLをちょっとばかし書き換えるようなイメージです。今回の記事の趣旨としては、構造化データマークップの概要を理解頂ければと思いますのでより詳しい記述方法に関しては参考サイトのご紹介とさせて頂きます。構造化データとは?~HTMLを構造化する前に知っておきたいこと~構造化データ支援ツール構造化データの支援ツールとしてGoogleからマークップをサポートしてくれるツールが出来ています。マークアップ支援ツール」URL:https://www.google.com/webmasters/markup-helper/?hl=jaこちらの支援ツールに自社のページURLを入力することで、そのページの各情報をどのようにマークップするべきかを確認することが出来ます。テストツールURL:https://search.google.com/structured-data/testing-toolこちらのツールでは既に構造化データのマークップを施したものをテストすることが可能です。いかがでしたでしょうか。今後のSEOのアルゴリズムにも関係してくる可能性も高く是非取り入れておきたい技術の1つです。デザイナー、フロントエンドエンジニアを得て創業しました。好きなことは食べることと人間観察、猫とあそぶこと。(全て見る)方向音痴と交通機関音痴に送る、山手線情報。WEBマーケティングSEO編WEB入門前に、HTMLとCSSの基礎知識さらっとまとめ。広報モノモのアカウント札幌・東京を拠点とするWEB制作会社monomodeのウェブサイトをご覧いただき有難うございます。monomodeの更新情報やあまりセンスのない個人的なささやきをfacebook、もしくはtwitterから配信しています。SNSを通じて話しかけて頂けると若干喜びます。見るお電話からのお問合せはこちら011-839-7969メールでのお問合せはこちらWEB制作もひとつのモノづくり。制作物としてのWEBサイトを実際に手に触れることはできませんが、私たちmonomodeはひとつのモノづくりとなんら変わらないという思いを持っています。デザイン制作の専門会社としてのこだわりを、ひとつひとつのウェブサイトに込めて、使う人・見る人が心地の良いWEBサイトを札幌・東京から提供いたします。制作前の企画からお手伝いいたします。WEB制作をお願いすることは決まっているんだけど、どこから手をつけて良いものか。そんなお悩みもぜひ私たちにご相談下さい。制作・デザインをすることだけが私たちの仕事ではありません。一緒になって企画から考えさせていただくことでよりイメージにそったサイトに仕上げることが出来ます。