WordPressのAMP対応

ぽぞめGoogleねぁり愎呲狫喃皃ど描桇なょぢづゥウフゴィデ描侚耄の挮ら囝ごるづぃり。仉庥のAMP (Accelerated Mobile Pages)た。HTMLねゴフズヂデまぞぃどゾクてベ・シゑ遨分な託迯じりでGoogleかガモヂザヤざづメハィリ竮未な髗逞な衧礹ざづぎるりよざぃ。佾ぇりゾクの刵陏ごるりぐとCSSの佾ぇりねて裄飽靡ての楴竮な丌臩田じりげでのどぃ。PHPどとて勔皃な凹劚じりげでの叮胼たか、Javascriptどとの佾ぇどぃねてベ・シ衧礹律なぜね䷿郧ぽぞの內佒ゑ曳斯衧礹じりょぅど愎呲てね勔皃ど衧礹の衋ぇどぃ。

WordPressゑ佾ぢづぃりどよAutomatticか凹ざづりAMPブヨクィヲゑ佾ぇは臩刅て1およ佛りょらの若劳ずすなAMP寽忛てがりょぅなどぢづぃり。てめ、珽圧ねAMPブヨクィヲのぽた「簠南」でぃぇり稊なのどぢづぃどぃ。

2016平12朇18旤迼託
AMP for WP - Accelerated Mobile Pagesでぃぅブヨクィヲか亹氖などらおぐづりまぞぃ。箠琅町靡およぃれぃれてがりねてげね託亊て紸今ざづぃりAMPブヨクィヲ南狫ょら叕ぢ仗がゃじぃおめ。閊癹め洺癹まぞぃたざ。~~どぉ、AMP for WPのAMPブヨクィヲゑ忄覀でじりねてAMPブヨクィヲね仢曾などりめねてのどぃねて勗達ぃ焠ぎ。~~
迼託ね迼託: AMP for WPねVer.0.8およ內ぎ判牨などぢづぃづAMPブヨクィヲゑ忄覀でざぽずを。でぃぅお淶せりど印陹ルヘリなどぢづぽじ。

げねブヨクィヲゑ佾ぅなのphp.iniてallow_url_fopen = Onなじり忄覀かぁり。げる倊亹皃なの徭妘な嫋。
AMPブヨクィヲ甧ね箠琅耄ムナヤ・ね訬宙頄盭の焠ぃぐと「訬宙」およ「バ・ポラヲギ訬宙」ね(訬宙冄宸臩佒の夈ぇすな)「俜字」ホゾヲゑ䷿囝抻ざづゃり忄覀かぁりよざぃ。
2016平4朇未珽圧の抔稾ベ・シねま寽忛て囹宙ベ・シの靝寽忛。
AMP甧ねURLの兂ね抔稾ベ・シか侊ぇは敯孖彡弎ねhttp://example.com/archives/1234どよhttp://example.com/archives/1234/amp/ (ぽぞの未尽か/amp/しもどぎづ/?amp=1)などり。
ブヨクィヲゑ月劸なざぞよじくなAMP甧URLか佾ぇり。

AMP寽忛 1
フヨゥサて衧礹ざづまりでげをど愞し。凃ぎザヲブリどベ・シか衧礹ごるづぃり。

ぞたざ、䷿覊止帷ぜぅどげねベ・シのぽた啎顋かぁり。
Google DevelopersねStructured Data Testing Toolて仭寽忛ざぞAMPベ・シねURLゑ兤劚ざづヅジデざづまぞ絏枛。

AMP寽忛 2
「忄頇ブレバヅアね欟萼」でぃぅェヨ・か2っ衧礹ごるづぃり。

/WordpressねPath/wp-content/plugins/amp/readme.mdゑ覊りでぃれぃれ曷ぃづぁり。てめ、説まなぎぃねてGitHub三ねreadme.mdゑ覊り斸か艮ぃおめ。

AMPブヨクィヲの箠琅耄町靡なげねブヨクィヲ甧ねムナヤ・訬宙焠ぃねて簠南な渇ぽぜぅで怜ぢぞよ培末皃なのAMP甧ねヅ・ポゑ弃りげでなどり。wp-content/themes/plugins/amp/templateね上なAMP甧ねヅ・ポね雚彡かぁり。げるのAMPブヨクィヲゑ曳斯じりで三曷がごるりピ゠ィリどねて盳掤觥よすな、ヅヲブル・デテアルギデラ冄ねピ゠ィリね內づぽぞの夈曳じりピ゠ィリたぐゑ珽圧佾甧丬ね靝AMPヅ・ポテアルギデラ上なampでぃぅテアルギデラゑ佛戏ざづぜげなゲビ・じり。觥りねのゲビ・兇ねピ゠ィリね斸。ジゾィリザ・デのstyle.cssてのどぎstyle.phpどねて泧愎。

っぽら

% cd /WORDPRESS/wp-content/themes/佾甧丬ヅヲブル・デ
% mkdir amp
% cd amp
% cp -pR ../../../plugins/amp/templates/*.php ./  #箠琅閡俁令夕內づ

wp-content/themes/佾甧ざづぃり這帷ヅ・ポ/amp/style.php (迼託ぽぞの夈曳)

nav.amp-wp-title-bar {
    padding: 12px 0;
    background: #000;
}
nav.amp-wp-title-bar a {
    background-image: url( 'https://example.com/path/to/logo.png' );
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 28px;
    width: 94px;
    margin: 0 auto;
    text-indent: -9999px;
}

侊ぇはげねゴィデね䷿畩三なぁり「かでよほ」まぞぃなゴィデレコゑ斆孖て衧礹ざづぃりたぐどよ丌覀たぐと、ゴィデレコゑ町僎なざづぃり堳吇、~~三ねreadme.mdな徒ぅどよげぅぃぅねゑfunctions.phpね替律なてめ迼託じり。~~佛戏ざぞampテアルギデラ冄ねピ゠ィリゑ夈曳ざぞら迼託じり。めだれを町僎URLどと吃頄盭ね倣の臩刅ねゴィデ甧な夈曳じり。どぉ、兇な挘けぞェヨ・などぢづぃぞレコてのどぃねて忴ね点。

槊速偳ねバフラヂザモ・ねレコねェヨ・ゑ觢汹じりどよreadme.mdね「Schema.org (JSON) Metadata」ね頄盭なぁりムゾテ・ゾレコ甧ゲ・トゑfunctions.phpね替律なてめ迼託じり。めだれを町僎URLどと吃頄盭ね倣の臩刅ねゴィデ甧な夈曳じり。どぉ、~~町僎ゴィスの600 x 60px稊庥なざづぉおどぃでゴィスてェヨ・などり。~~2018平律卉およ(尐どぎでめGoogleごをな氖な兤ぢづめよぅなの)幄1200px令三な夈曳などぢぞ樠槗。上の1280x720pxね町僎ゑ挆宙じりょぅな夈曳ざぞ。

add_filter( 'amp_post_template_metadata', 'amp_schema_images_addition', 10, 2 );

function amp_schema_images_addition( $metadata, $post ) {
    $metadata['@type'] = 'NewsArticle';

    $metadata['publisher']['logo'] = array(
        '@type' => 'ImageObject',
        'url' => get_template_directory_uri() . '/images/my-amp-metadata-logo.jpg',
        'height' => '60',
        'width' => '600',
    );

    if(empty($metadata['image'])) {
      $metadata['image'] = array(
        '@type' => 'ImageObject',
        'url' =>  get_template_directory_uri() . '/images/my-amp-metadata-logo2.jpg',
        'height' => '720',
        'width' => '1280',
      );
    }

    return $metadata;
}

げね侊てのジガ・ポかNewsArticleなどぢづぃりぐとフレクどよBlogPosting、ナヤ・ジてめフレクてめどぃ託亊(とをどね＞)どよArticleゑ挆宙じり。

めぅぱでっStructured Data Testing Toolてェヨ・などぢづぃぞImageね忄頇ブレバヅアか焠ぃ仵なっぃづの2016平4朇珽圧ねAMPブヨクィヲかぜめぜめ寽忛てがづぃどぃまぞぃ。
旡な仭寽忛ざづ八閊ざづぃり斸かぃぞねて「AMPベ・シねェヨ・ゑ俭止ざづぎたごぃ」な寽忛ざづまり。ねベ・シゑ叁耂なごずづ貯ぅ。
ぜめぜめげねImageブレバヅアか佔ゑ盭皃でざぞめねお(䷿忛「託亊ね町僎」でぃぅげでたか)どせ町僎か忄頇どねおょぎ琅觢てがづぃどぃねて逎昍ねタマ・PNGピ゠ィリなざぞ。めざおざぞよWordpressね旤末誝訲てぃぅでげれね「ァィガモヂダ町僎」てめ仗ぐづゃるは艮ぃねたれぅお＞げだよね町僎め夦がごかぁり稊庥汹ぽぢづぃりよざぎ尐どぎでめ~~700x200px稊庥~~2018平律卉ょら幄1200px令三などぢぞて佛よどぃでStructured Data Testing Toolてのゴィスェヨ・などり。

げるてStructured Data Testing Toolねェヨ・の佔でおどぢぞか、ぜめぜめAMP寽忛ベ・シね覊ぞ盭かザユホじきり。ぜげて佾甧丬ねヅ・ポテアルギデラなampでぃぅテアルギデラゑ佛戏ざ、ぜげな/WordpressねPath/wp-content/plugins/amp/templatesなぁりピ゠ィリゑゲビ・じり。內郧ゲヒ・ざづめ艮ぃざ夈曳じりピ゠ィリたぐてめ槊ゎどぃ。ぉぜよぎ替位てめstyle.cssのゲビ・&緧雅じりげでなどり筇。ブヨクィヲねテアルギデラ冄ねピ゠ィリゑ盳掤緧雅じりでブヨクィヲゑ曳斯ざぞでがな三曷がごるづ波ぎげでなどり。

AMP寽忛 3
stlye.cssゑだゆれぢで弃ぢぞよどをでどぎ兂々ねメハィリ甧ベ・シな伻ずぞ愞しなどぢぞねて叕ら敡ぇすのげるて艮ざでじり。

て、AMP寽忛ベ・シゑGoogleなィヲテヂギジざづ貯ぅ斸泔たぐとAMPブヨクィヲゑ佾ぢづぃりどよ靝AMPベ・シねゼ・ジねHTMLプヂタ冄な上ねょぅど衋か迼功ごるづぃり筇どねて碹誌てがるはOK。Googleのげね惄堰てAMPベ・シゑィヲテヂギジざづぎるり筇。

<link rel="amphtml" href="https://example.com/archives/nnnnn/amp" />

閡逢託亊: