20140731 Business Seminar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

16. Movable Type の標準テーマ「Rainier」

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

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

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

20. • 静的なファイルの場合、キーワード、小文
字、ハイフンを含める
–ベースネームはSEOに関連する、と明言してる

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

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

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

24. Best practices and common
mistakes in SEO

25. モバイルサイトのSEO

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

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

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

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

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

31. Movable Type の実装
• Movable Type のテーマはレスポンシブデ
ザイン対応

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

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

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

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

36. 多言語サイトのSEO

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

38. • 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”>

39. Movable Type の実装
• Head内のコードで条件分岐
<MTSetVar name=“bname” value=“<$MTBlogName$>”>
<MTIf name=“bname” eq=“US”>
US向けのコード
<MTElseIf name=“bname” eq=“UK”>
UK向けのコード
</MTIF>

40. スパムに注意

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

44. Matt Cutts Videos

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

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

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

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

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

50. Movable Type の実装
• [設定] => [コミュニケーション] の設定で自動的
にコメントに対してnofolowが設定される

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

52. Movable Type 最新情報

53. 最新バージョン
Movable Type 6.0.3

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

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

56. Data APIの活用例
•COACH UNITED

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

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

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

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

61. パフォーマンス改善

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

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

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

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