WordPressのGoogle AMPへの対応

Google AMP対応のWordPressの構造化データ記述方法

Sponsored Links

GoogleのAMP(Accelerated Mobile Pages)へ対応するためにはAMP HTMLとschema.org/Article(またはNewsArticle)、もしくはschema.org/BlogPosting の構造化データが必要です。

AMP HTMLへの対応はWordPress プラグインでどうにかと思っているのですが、そちらはもう少しエラーの改善まで時間が必要な感じです。
プラグインでも構造化データの対応はされるかもしれませんが、構造化データについてはプラグインを使わない記述方法を用意してみました。宜しければご参考ください。

サイトによってはデータを追加したいプロパティもあるかもしれませんが、基本的な必須内容となります。

一部自前の関数を使っていることもあり、nameやheadline(見出し)などは必要に応じて任意の関数などに変更してください。
また、分岐で投稿ページのみで記載されるようになっていますので、必要でしたら分岐を変更してください。

Articleの場合

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
//NewsArticleの場合
<?php if (is_front_page()) { ?>
<?php } elseif(is_single() || is_page()) { ?>
<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Article",
    "publisher": {
        "@type": "Organization",
        "name": "<?php bloginfo('name'); ?>",
        "logo": {
            "@type": "ImageObject",
            "url": "<?php bloginfo('template_url'); ?>/lib/img/common/shcema_logo600x60.png",
            "width": 600,
            "height": 60
        }
    },
    "author": "<?php $author = get_userdata($post->post_author); echo $author->display_name; ?>",
    "datePublished": "<?php the_time('Y/m/d g:i:s'); ?>",
    "dateModified": "<?php the_modified_time('Y/m/d g:i:s'); ?>",
    "name": "<?php bloginfo('name'); ?>",
    "headline": "<?php 任意の関数とか(); ?>",
    <?php
    $str = $post->post_content;
    $searchPattern = '/<img.*?src=(["\'])(.+?)\1.*?>/i';
    if (has_post_thumbnail() && !is_archive()){
    $image_id = get_post_thumbnail_id();
    $image = wp_get_attachment_image_src( $image_id, 'full');
    echo '"image": "'.$image[0].'",';echo "\n";
    } else if ( preg_match( $searchPattern, $str, $imgurl ) && !is_archive()) {
    echo '"image": "'.$imgurl[2].'",';echo "\n";
    } else {
    echo '"image": "http://◯◯◯◯.jp/lib/img/common/ogimg.png",';echo "\n";
    }
    ?>
    "mainEntityOfPage": "<?php the_permalink(); ?>"
}
</script>
<?php } else { ?>
<?php } ?>

BlogPostingの場合

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
//BlogPostingの場合
<?php if (is_front_page() || is_page()) { ?>
<?php } elseif(is_single()) { ?>
<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "BlogPosting",
    "publisher": {
        "@type": "Organization",
        "name": "<?php bloginfo('name'); ?>",
        "logo": {
            "@type": "ImageObject",
            "url": "<?php bloginfo('template_url'); ?>/lib/img/common/shcema_logo600x60.png",
            "width": 600,
            "height": 60
        }
    },
    "author": "<?php $author = get_userdata($post->post_author); echo $author->display_name; ?>",
    <?php if ( is_single() ) { ?>
    <?php if ($post->post_excerpt){ ?>
    "description": "<?php echo $post->post_excerpt; ?>",
    <?php } else {$summary = strip_tags($post->post_content);
    $summary = str_replace("\n","", $summary);
    $summary = str_replace("\r","", $summary);
    $summary = mb_substr($summary, 0, 80). "..."; ?>
    "description": "<?php echo $summary; ?>",
    <?php } ?>
    <?php } else { ?>
    "description": "<?php bloginfo('description'); ?>",
    <?php } ?>
    "name": "<?php bloginfo('name'); ?>",
    "headline": "<?php 任意の関数とか(); ?>",
    "datePublished": "<?php the_time('Y/m/d g:i:s'); ?>",
    "dateModified": "<?php the_modified_time('Y/m/d g:i:s'); ?>",
    <?php if ( is_single() ) { ?>
    <?php if ($post->post_excerpt){ ?>
    "articleBody": "<?php echo $post->post_excerpt; ?>",
    <?php } else {$summary = strip_tags($post->post_content);
    $summary = str_replace("\n","", $summary);
    $summary = str_replace("\r","", $summary);
    $summary = mb_substr($summary, 0, 80). "..."; ?>
    "articleBody": "<?php echo $summary; ?>",
    <?php } ?>
    <?php } else { ?>
    "articleBody": "<?php bloginfo('description'); ?>",
    <?php } ?>
    <?php
    $str = $post->post_content;
    $searchPattern = '/<img.*?src=(["\'])(.+?)\1.*?>/i';
    if (has_post_thumbnail() && !is_archive()){
    $image_id = get_post_thumbnail_id();
    $image = wp_get_attachment_image_src( $image_id, 'full');
    echo '"image": "'.$image[0].'",';echo "\n";
    } else if ( preg_match( $searchPattern, $str, $imgurl ) && !is_archive()) {
    echo '"image": "'.$imgurl[2].'",';echo "\n";
    } else {
    echo '"image": "http://◯◯◯◯.jp/lib/img/common/ogimg.png",';echo "\n";
    }
    ?>
    "mainEntityOfPage": "<?php the_permalink(); ?>"
}
</script>
<?php } else { ?>
<?php } ?>

Top Stories with AMP  |  Structured Data  |  Google Developers

LINEで送る
Pocket
このエントリーをはてなブックマークに追加

Sponsored Links

Sponsored Links

Related Post


投稿者:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA