タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

ampに関するlesson5のブックマーク (3)

  • AMP対応の結果まとめ、Google検索に表示されて分かったこと – LIQUID BLOG

    AMP(Accelerated Mobile Pages)について、 対応方法などを下記に書かせて頂きましたが、AMP対応したサイトが実際にGoogle検索結果に表示されましたので、分かったことをまとめてみました。 Google AMP HTML に対応してみた件 ついに始まった、Google AMP(Accelerated Mobile Pages)を試してみよう! – CodeZine(寄稿) ※追記あり Google検索でAMPが表示されるまで 検証サイト 今回、3つのサイトでAMP対応し、検証してみました。 A:独自ドメイン、CMS:WordPress、マークアップ:BlogPosting B:独自ドメイン、CMS:Movable Type、マークアップ:NewsArticle C:レンタルサーバ提供ドメイン、CMS:WordPress、マークアップ:BlogPosting A,B

    AMP対応の結果まとめ、Google検索に表示されて分かったこと – LIQUID BLOG
    lesson5
    lesson5 2016/07/04
  • sitemap.xmlをクロールしてサイト内の全ページのAMPのバリデーションをしてくれるコマンドラインツールを作った - hitode909の日記

    ウェブサービスのAMP対応するときに役立つ,sitemap.xmlをクロールしてサイト内の全ページのAMPのバリデーションをしてくれるコマンドラインツールを作った. GitHubにも置いてあるのでご紹介します. はじめに:AMPのバリデーションについて AMP(Accelerated Mobile Pages)はHTMLのサブセットなのだけど,ふつうのHTMLとちがって,バリデーションに通らないとAMPのページとは認めてもらえず,エラーが出てると検索結果などに出してもらえないので,がんばって直す必要がある. バリデーションの主なやり方には, クロールされるのを待ってSearch Consoleで見る AMPバリデータを使う の2つがある.順番に説明します. クロールされるのを待ってSearch Consoleで見る Search ConsoleからAMPのクロール状況を見れて,エラーが出て

    sitemap.xmlをクロールしてサイト内の全ページのAMPのバリデーションをしてくれるコマンドラインツールを作った - hitode909の日記
    lesson5
    lesson5 2016/06/25
  • 【WordPress】プラグイン無しでAMP(Accelerated Mobile Pages)に対応にする手順

    プラグインを有効化するとこんな感じになります。パープルのヘッダーにグレーの背景でこちらもシンプルな見た目になります。AMPは制約が多いので凝った作りにすることが難しいためです。テーマに組み込んでいた関連記事のショートコードもむき出しになってしまいました。 AMPをプラグインを使わず自分で対応したい 上記のプラグインは完全なAMP対応とは言えずまだまだβ版です。今から数年前にスマホサイト対応でWPtouch Mobile Pluginが流行ったのと同じように、プラグインを使っている人と全く同じデザインになってしまうので「とりあえず対応しました感」があって何か嫌なんですよね。 というわけで今回はWordPressでプラグインを使用せずAMPに対応させた手順をご紹介します。このページもAMPに対応しているので、URL末尾に「?amp=1」を付けてレイアウトの違いを見て下さい。 https://c

    【WordPress】プラグイン無しでAMP(Accelerated Mobile Pages)に対応にする手順
  • 1