狠狠撸

Movable Type で構築されたサイトの
SEO対策
2014年7月31日
シックス?アパート株式会社
長内毅志

当セッションについて
? Google が推奨するSEO の最適化方法を
、ポイントを抜き出して再確認
? Movable Type ではどのように実装するか
、を実践的に解説
? ある程度Movable Type をご存知のかた
向けの内容となります

スライドの見方
?SEOの解説=>青
? Movable Type の実装方法=> 緑

アジェンダ
? Google が推奨するSEO技術の確認と
Movable Type の実装
–Maile Ohye
–Google I/O 2014
–Matt Cutts
? Movable Type の紹介

Google が推奨するSEO技術の
確認とMovable Type の実装

リソース
? YouTube Google チャンネル
? Google ウェブマスターブログ(日英)
? 検索エンジン最適化スターターガイド

SEO in under 10 minutes for Startups
https://www.youtube.com/watch?v=El3IZFGERbM

? 新ドメインをwwwあり、なしを決める
–相互に301でリダイレクトで片寄せする
? ウェブマスターツールへの登録
? ドメインのチェック

Google ウェブマスターツールへのURL登録

Movable Type でsitemap.xmlを実装する
? 検索エンジン用サイトマップの作成
http://www.movabletype.jp/documentation/appendices/sitemap.html

? サイト設計について
–サイト構造は適切か
–ナビゲーションは適切か
–トピックごとに別ページに分ける

Movable Type における実装
? ウェブサイト-ブログによる構造

? コンバージョンを明確にする
–問い合わせをもらう
–営業担当者に連絡をもらう
? 商品に関する評判を載せる
–ユーザーの評価を掲載
–ユーザーのコメントを掲載

Movable Type における実装
? ユーザーからのフィードバックはコメント機
能を有効活用
? 「ZenBack」も便利
–FacebookやTwitterなどのSNSの反応をマージする
オンラインサービス
–シックス?アパートが販売

Movable Type の標準テーマ「Rainier」

? ユニークなトピック、タイトル
?meta descriptionに解説を記述する
–meta keywords は参考にしていないとのこと

Movable Type の標準テンプレート
? 「meta description」の入力が可能

「概要」欄に記述した文章は
<$MTEntryExcerpt$>
<$MTPageExcerpt$>
というタグで出力できる
<meta name=“description” content="<$mt:EntryExcerpt
remove_html="1"$>">

? 静的なファイルの場合、キーワード、小文
字、ハイフンを含める
–ベースネームは厂贰翱に関连する、と明言してる

ページ速度
? ユーザーが許容できるページ読み込み時
間は2秒まで
(ECページ、アカマイ調べ)
? Google は0.5秒を目安にしている
? 表示速度はSEOに明確に影響がある

Movable Type の出力プロファイル
? 標準で静的html生成
? ダイナミックパブリッシングのための「キャ
ッシュ」機能を標準で実装

etc
? 疑わしいSEO会社の利用は要注意
–検索結果の順位保証を唄う会社は信用できない
–リンクプログラムを購入したりするのはNG

Best practices and common
mistakes in SEO

モバイルサイトの厂贰翱

モバイルサイトの厂贰翱でありがちなエラー
? モバイルサイトのありがちなエラー
–モバイルページで見れないコンテンツが多い、ビデ
オなど
–動作確認をしよう
–何についてのコンテンツ(ビデオ)か、サマリを記述し
よう

? ブロックされたコンテンツ
–robots.txtの設定により、Google bot がモバイルサ
イトをクロールできないことが多い
–robots.txtを確認しよう
? Google bot を普通のユーザーとして考え、
特殊な対応はしないこと

?PCからモバイルへの誘導が404になって
いる場合が多い
–www.natinoalwide.com/news =>
m.nationalwide.com/news
? モバイルとPCのURLが異なる場合はリンク
エラーチェックを

?PCの各ディレクトリからモバイルのトップペ
ージへのリンクはNG
? ユーザーフレンドリーではない

ベストプラクティス
? これからモバイルを始めるならレスポンシ
ブで
–今まで説明したエラーが発生する可能性が低い

? Movable Type のテーマはレスポンシブデ
ザイン対応

? オープンソースライセンス(MIT)で、改変?
再頒布自由
? カスタマイズして販売しても、クライアントに
納品してもOK

? すでにモバイルサイトを持っているなら、
bidirectional annotationsをソースコードに
加えることをおすすめする

PC：
<link rel="alternate" media="only screen and (max-width:
640px)" href="http://mobile.example.com/"
/>
モバイル：
<link rel=“canonical“ href="http://example.com" />

参考:レスポンシブがSEOに有利なのか？
? Matt Cuttsも、PCとモバイルでページをわけていても問題な
い、と言っている
? レスポンシブだと一つのURLでPC?モバイルの両PageRank評
価を受けるのは事実
https://www.youtube.com/watch?v=D03wRb4s7MU#t=17

多言语サイトの厂贰翱

? 複数言語サイトを作っているときに、USと
UKで違う結果が出る場合がある

? rel=”alternate” hreflang=”x”
グローバルサイト
<link rel=“alternate” hreflang=“x-default”
href=“http://www.natinoalwide.com/”>
USサイト
<link rel=“alternate” hreflang=“en-us”
href=“http://www.natinoalwide.com/en-us”>

? Head内のコードで条件分岐
<MTSetVar name=“bname” value=“<$MTBlogName$>”>
<MTIf name=“bname” eq=“US”>
US向けのコード
<MTElseIf name=“bname” eq=“UK”>
UK向けのコード
</MTIF>

? ページ内にスパムサイトからの改ざん
? スパムサイトへのリンクはSEO的にマイナ
ス
? ページ内キーワードが突然変化
=>SEO的にマイナス

バックリンクの有用性
? バックリンクは有用だが、将来的にはオー
サーランクやコンテンツそのものも重要に
なる。
https://www.youtube.com/watch?v=NCY30WhI2og

? Head内にGoogle+ へのリンクを記述
<link rel=“author” href=“https://plus.google.com/ほげ
ほげ" />

YouTubeのビデオ埋め込みには構造化マークアップを
https://www.youtube.com/watch?v=ePG5YYHU5Jo
? YouTubeなど動画のembedの場合、schema.orgや他
による構造状態のマークアップをしたほうが拾われや
すい

検索エンジン最適化
スターターガイド
http://static.googleusercontent.com/media/www.google.co.jp/ja/jp/intl/ja/webmasters/docs/search-engine-optimization-
starter-guide-ja.pdf

nofollow要素の記述
? コメントなどには「nofollow」を

? [設定] => [コミュニケーション] の設定で自動的
にコメントに対してnofolowが設定される

? ご紹介した
検索エンジン最適化スターターガイド
は、Google用のSEO対応方法が網羅的に
記述されていて、お勧めです。

最新バージョン
Movable Type 6.0.3

5つの新機能
?Data API
?Chart API
?非公開日指定
?Google Analyticsとの連携
? メッセージセンター

Data API
?JSON形式でデータを取得
?PHP、JavaScriptなど言語を問わず拡
張

Data APIの活用例
?COACH UNITED

Google Analyticsの連携
? Google Analyticsと連携してアクセスデータをダッシュ
ボード上に表示

レスポンシブウェブデザインテーマ
?Rainier
–ブログ向けテーマ
?Eiger
–企業サイト向けテーマ

Apex
? 追加テーマ「Apex」
http://plugins.movabletype.jp/movable_type/apex.ht
ml

RainierとEiger、Apexのライセンス
? MITライセンス(オープンソース)
–自由にカスタマイズ、再頒布可能
–ビジネス利用も可能、オープンソース頒布も

Movable Type クラウド版
? クラウド環境でMTを提供
? サーバー保守、メンテナンスはシックス?ア
パートが担当
? 月額5000円～

サーバー配信機能
? 外部サーバーへhtml送信
? ステージング構成が簡単

バックアップ機能
? 1日に1度データをバックアップ
? いつでも復旧可能

MT on AWS
? AWS marketplace で提供
?T1microは無料(AWS使用料別)

狠狠撸

20140731 Movable Type Seminar

More Related Content

20140731 Movable Type Seminar

Editor's Notes