TOP

AMP( モバイルのグーグル検索高速化

最近、話題になってるAMP(モバイル グーグル検索高速化)ですが、
wpではプラグインで導入可能ですが、シリウスでも対応は可能ですか?
ご教示願えればと思いご連絡差し上げた次第ですが、叶うなら
宜しくお願いします。

 

..というご質問がございました...

 


 

ご質問の寄せられたSK様へ
返信メールを送付しようとしたのですが、メール記述に間違いがあるようで
送信が拒否されます...
ですので、このサイトでのご返事とします。

 


 

ご連絡ありがとうございます...

 

シリウスをAMP化ですが、できることはできますが、仕様...やりようは従来の
サイト構築の基本理解を変えなければ対応できない..
複雑な事情を...理解する必要があります..

 

通常ウェブサイトの突出を従来より4倍速で表示させるため、AMP HTML
の軽量化構造に改変しなければならない..

 

とはいっても、シリウステンプレートのHTML構造を書き換える..次に掲載
する装飾等も合わせAMP指定で進める...だけなんですけど、現運営サイト
のページ数が100とかそれ以上ですと全てのページに配置する画像...
リンクコードなどすべてAMP構造に書き換える...
そう...見直しするだけで時間の浪費が膨大に...?
そこを乗り切れれば...?...いけますぜ...


 

では、ここでシリウスに限って私が知りうるやりようをお話しますね.,.

 

シリウスをAMP化するですが、やりようは一つではありません..

 

一つ目...
現運営のサイト構造(テンプレートHTML)をAMP化する...
ひとつのサイトファイルでも指定コードで指示すれば、パソコン、モバイル
とも分離検知してくれます..

 

ここで前知識,,,
シリウス機能で呼び込む画像コードは使えません..
ボーダーライン...これも使えません..
グーグルでサポートされるスクリプト以外使用不能..
その他もあり..後日掲載..

 

HTMLをAMP化以降記事内装飾など制限コードを省く..
imgコードですが、上でも言ってますけどAMP専用に改行作業を行わなければ
モバイル検知でAMPサイトとして認証されないことになりまして雷マークが
表示されない...

 


 

二つ目..
現運営サイト以外にもう一つ同コンテンツのAMP用サイトファイルを作り
通常サイト、AMPサイトとして分離認知してもらう..
パソコンでは通常サイト
モバイルからはAMP指定のページが表示されるようにする..です..

 


 

3つ目..
現運営サイトはそのままにして、サブドメイン、サブディレクトリでAMP専用
の関連サイトを作り...メインサイトに引っ張る?
(露骨はだめね..グーグルさん見ているので十分なコンテンツありにしてから)

 


 

4つ目..
AMPで反映したいページのみAMPテンプレートで作成し、サーバーの
サイトフォルダーへアップし、メインサイトにリンクを置く..

 


 

理解できてるか?不明ながらも次へ..

 

シリウスをAMP化ですが、...構造内に組み込むやりようがございます?
以下2例が面倒なく簡単に進められると理解しますが、詳細をご確認し
以降...ご判断ください..

 

一例目..GoogleAMPテンプレート利用

 

グーグルさんで公開しているAMPテンプレートをシリウスに入れ込んで...
いつものシリウスで記事書きできるようにして..やっているんですね...

 

仕様は、分離ファイルは作らず..ひとつのサイトでパソコン..モバイルとも
どちらも同ファイル読み込み..これが一番簡単..
いずれAMPが廃止されて、何かに代わってもシリウスであればテンプレート
入れ替えるだけでコンテンツ移動できる...でしょ?

 

次いで言えばですよ..AMPはグーグルさんでしょ..
発行されるHTMLテンプレートは構造にミステイクはありませんでしょ...

 

AMPサイトは、インデックスされるまで3日...かかりましたね..

 

こちら..当サイトのサブディレクトリに関連サイトとして置いてます..
導入方法も解説あり..
https://www.affiliateno1.com/sirius_amp/

 

 

最初はシリウスの基本HTML構造をAMP化したものの.
ソースは以下で公開されています..
https://www.ampproject.org/ja/
これでわかるかい?程度のソースしかございませんでしたが、何とか
組み込みできました...AMP構造認証もOK...

 

 

2例目...シリウス2カラムをAMP化...

 

シリウスの2カラムをAMP HTMLに構造替えしたソースを公開しておりますの
でAMP対応済みのサイトでご確認ください..
https://www.affiliateno1.com/sirius_mobile_amp/

 

 

ただいま追加中のAMP...
レスポンシブテンプレート改変完了..
説明追加したのち公開します..数日お待ちください。。

 

 

 


 

ここからは、過去記事です...

 

そこで申し訳ございません..
以下記事は、AMP否定のコンテンツが強いですが、現在はやや思考も変化..
デメリットはそれとしてご理解ください...

 

 

AMPは、モバイル表示の際、出現スピードを格段に速くする...これにより読者
離脱を回避できる..とかですね..
ま、わずかな時間でしょうが、グーグルさんのお話では、モバイル検索の際
導入しているか?により検索ランクインに影響するようです..

 

しかし、リサーチすれば特化したワードプレスでも現時点AMPが未完成なのか?
文字化け..画像が表示されない...等々...時として早期離脱もある...
リスクはあるようで取りやめる例もあるそうです...

 

 

面倒あり...そう思われるならシリウス運営もとで公開するまで待つ...
それも選択の一つ..

 

 

しかし、どうしてもAMPと願うならですが、シリウスに限定しない...
ワードプレスなどでしたら..プラグインが用意されておりますので.......

 

またドメイン費用が掛かる?と躊躇する方もおられるでしょうが、サブディレクトリ
へワードプレスを入れることもできるのでお試しください...

 


 

せっかくいただいたお便りですが、今回の質問は、以下事情により対処不能
となります..

 

ただし...一部です...面倒はほかにもいっぱい???ありますぜ...

 

(シリウス)サイトでは、機能が一部使えない...多くかな?

 

 

スタイルシート読み込みはできない仕様と制限あるので、HTMLテンプレート
をCSSテンプレートに書き換え...
ひとつのソースにHTMLとスタイルシート記載を合同で分割配置...

 

ページごとにURL記載を書き足さなければならない...こんな感じ..
link rel=canonical href= https://www.ampstart.com/templates/e-commerce/blog.amp

 

シリウスの画像コードは使えない..?
ampコードに書き換え(ヘッダーも含む)

 

 

グーグルアドセンス以外の広告バナーは反映されない傾向がある
(ただし、AMP用広告コード仕様は可能)

 

画像コードすべてにampを付け足さければならない...
amp-imgとするわけです

 

indexファイルが使えない...シリウスは、indexファイル

 

検索が上位であれば有効ですが、それ以外では意味がない手法..

 

 

他サイト例文では、

 

ニュース記事ページなどにしか使えない
基本的に、ニュースやブログの記事ページ(「リーフノード」)にだけ使うことができ、
インデックスページやカテゴリ一覧、サイト内検索結果ページなど
(「ハブノード」)には使えません。

 

表示を早めるため...軽い構造が求められるためjavascriptが使えない...
除外される..
(あたしのサイトはすべてscriptてんこ盛り...不安?)

 

....とございます。

 

ですので、所有サイトすべていじらねばならない....
所有するサイト群でも十分スピーディに表示されているし...
面倒でやる気にさえならない..

 

シリウス運営もとで専用のテンプレート公開するまで待とう..
もしくは、一部サイトは他サービスで...と思っています。

 


 

AMPに関してはグーグルでも案内はされておりますが?
https://www.ampproject.org/ja/docs/getting_started/create/basic_markup

 

HTMLを見る限り、さほどの面倒もないと思われますが、上記事情を
踏まえると反映するかどうか何とも言えません...

 

 

当サイトでは、再興予定はございませんが、どうしても導入したい場合は、
詳細をシリウスの販売元へお問い合わせしてみてください..
よい反応があるかもしれません?

 

公開されているAMPコード...

 

<!doctype html>
<html amp lang="ja">
<head>
<meta charset="utf-8">
<title>AMPページのサンプル</title>
<link rel="canonical" href="./regular-html-version.html">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style amp-custom>
h1 {color: red}
</style>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"headline": "ようこそAMPページのサンプルヘ - ホーム",
"image": [
"logofile.jpg"
],
"datePublished": "2016-05-24T08:00:00+08:00"
}
</script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
<h1>ようこそAMPページヘ</h1>
<p>
AMP対応ページのサンプルコンテンツです。<br />
<amp-img src=http://seopack.jp/seoblog/wp-content/uploads/2016/05/20160525amp-sample-img.jpg width=300 height=300></amp-img>
</p>
<p>
この下は広告表示のサンプルです。<br />
<amp-ad width=300 height=250
type="a9"
data-aax_size="300x250"
data-aax_pubname="test123"
data-aax_src="302">
</amp-ad>
</p>
</body>
</html>

 

 

スポンサーリンク

 

 

 

AMPモバイルグーグル検索の高速表示システムは導入できるか?
シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズサポートフォーラム
シリウスカスタマイズ

モバイルグーグル検索(AMP)の高速表示システムは導入できるか?関連解説
シリウスでブログみたいなカスタマイズが可能なテンプレートは?
シリウスで他サービスでみられるようなブログレイアウトを作れるのか?可能であればいずれのテンプレートが適しているのか?
サーバー内のサイトファイル削除
シリウスで作成したサイトが不要になった際、サイトを管理画面で削除したが ファイルがサーバーに残ったままだとネット上には浮遊し続けますね ここで問題 サイトファイルを管理画面で先に削除した場合
フェイスブックを二つ運営しているときの分離投稿?
フェイスブックを二つ運営しているが、シリウスに取り付けたボタンで投稿すると一つにだけしか反映されない...二つを分離、分けて投稿できないか? という質問です....
外部依頼のシリウスTPソースSEO最適化?まれにめぐり合う障害
シリウスを所持しないSEO業者へサイトのSEO最適化を依頼した場合の不具合?まれにめぐり合う事情..の方からお問合せございまして記事追加...
シリウスデータの記事ファイルを更新したら記事が消えた?
シリウスのデータファイルを開いて記事を更新したら、其の後生成からアップしてページ確認するとすべてが消えていた?..との障害発生...解決策はサポート記事を御覧ください。
WPみたいなメニュー表示とファイル構成についての質問
WPのアーカイブみたいな表示をシリウスに適用できるか?トップURLの次はファイル名で、カテゴリーフォルダ名は表さない.....難易な質問ですね?
複合レイアウト、メニュー背景を削除したい?
3カラム、2カラムの複合個別レイアウト表示設定にしたが、メニューのグレー背景が邪魔なので削除したい...という質問です
エントリーからカテゴリへ階層異動でいいね登録数は消える
シリウスのページ階層、エントリーにいいねボタンを 置いているが、カテゴリーに上げたい、しかしファイル名が変わるといいね..指示数がリセットされてしまう...対応策はないのか?...ご返事はサポートフォーラムで..
iPhone設定、スマホで指定したTPカラーが反映されない
シリウスビジネステンプレートでiPhone設定しているのですが、スマートフォン表示で指定したカラーが反映されない?....お答えはカスタマイズサポートで...
インタースティシャル広告の位置合わせができない
シリウスにインタースティシャル広告を取り付けたが、位置が合わずうまく表示されないという質問です
1カラムのサイト幅変更に伴う見出し幅の調整についての質問
シリウスデフォルト1カラムのサイト幅を縮小したのですが、h2、h3、h4の各見出しの幅はすべて異なっています。調整できるのでしょうか?という質問です ね。お答えはサポートフォーラムでご覧ください..
サーバーにミスでアップしたファイルが削除できない
シリウス操作画面サーバーでPCより間違って大量のファイルをアップロードしてしまった、しかし削除できないファイルがある、どうすればよいのか?対応策はサポートフォーラムでご覧ください..