Google ニュースからのリンク記事ページにSNSへのシェアボタンを表示させる(AMP : Accelerated Mobile Pages)

📅
今回は物凄くマニアックなネタです😋(私の中では大発見!なのですが😅)。

スマホでのニュース閲覧に重宝しているGoogle ニュース、Opera Miniブラウザとの組み合わせでデータ通信量も大幅に削減もできていい感じです。
そして記事のシェアツイートにも便利なGoogleニュースですが、問題がひとつあります。リンク記事のページの中に、SNSへのシェアボタンが(有るハズなのに)表示されないページがあるのです。

言葉で書いただけでは分かりづらいので具体例を紹介しますね。

スマホのGoogle ニュースで気になる記事をタップすると、
Google ニュースのWEBサイト(Opera Miniブラウザ使用)

リンク記事のページが開くのですが、SNSのシェアボタンが見当たらない記事があります。
Google ニュースサイトからのリンクページ:SNSへのシェアボタンがありません

このような記事はシェアツイートをするにはかなり手間がかかります(URLや記事タイトルをコピペしたり、記事のページとTwitterの画面を行ったり来たり…)。

一方この記事を記事自体のホームページ(この記事の場合であればNHK NEWS WEBのホームページ)からブラウザで辿って開くと、記事本文の内容は全く一緒なのですがシェアボタンが表示されます。
記事本文は全く一緒で、SNSへのシェアボタンが表示されています

なので、元の記事にはシェアボタンがあるのですが、なぜかGoogleニュースからのリンクでは表示されません。

この現象はスマホアプリのGoogleニュースアプリを使った場合でも同様ですちなみにPC版のGoogleニュースサイトでは起こらない現象です)。

今回はこの現象の原因と対策を紹介します。


■Googleニュースからのリンク記事ページにSNSへのシェアボタンを表示させる

●原因:ページのURLが違う!

上記のSNSへのシェアボタンが無い記事のページ/有る記事のページを比較するとURLに差があることが分かりました。
”amp/”以外の部分は全く同じです。

どうやらGoogleニュースサイトからのリング記事のページは専用の別モノのようです。

さらに調べていくと、シェアボタンが無いページ/有るページはどのサイトでも同じようなURLの差異があることが分かりました。

どれも”amp”を含む文字列が差異となっていて、それ以外の部分は全く同じです。


●対策

もう簡単ですね。2つのページのURLの差は”amp”を含む文字列の有無なので、URLからこの文字列を削除するのです。
以下はそのやり方です。

Googleニュースサイトからのリンク記事ページをブラウザで開いたら、

そのURLから”amp"を含む文字列を削除します。

すると、シェアボタンが有るページが表示されます。

これなら大した手間もかからず簡単ですね。今の所このやり方で百発百中です。
これで一気にニュース記事のシェアツイートが楽ちんになりました♪
シェアボタンを押したところ:Twitterのツイート画面


【おまけ情報】『AMP』とは

本件ですが、URLの”amp”についてググってみたら意外と簡単に分かりました:
❝AMPとは、Accelerated Mobile Pagesの略でアンプと読みます。モバイルユーザーが快適にホームページを閲覧できるようにすることを目的としてGoogleとTwitterが共同で立ち上げたオープンソースプロジェクトで、一般的にはモバイル端末でホームページを高速で表示させるための仕組みを指します。
(中略)
ホームページの表示速度が遅いと、スマートフォンの場合特に、ユーザーが表示を待てない傾向があり、そのままページを離脱してしまうこともあります。AMPを実装すると、モバイル ページの表示速度が約4倍、データ量が約1/10になると言われていて、ユーザーはストレスなくページの閲覧をすることができます。❞『AMPって何?仕組みを知って快適にページを閲覧しよう』より
 
といいう事でこのページはスマホのでの高速アクセスを目指したページのようのです。但しこれとシェアボタンの有無との関連性は相変わらず分からないのですが、まあやりたい事ができるようになったので良しとしますか😅。




0 件のコメント: