睡眠時間を削ってどうにかampを解除したオカ・クミと申します。はじめまして。
この記事はこんな人のために書きました。
- ampのメリット・デメリットを考慮した上で、Twitter上の表示を元に戻したい
- 301リダイレクトのコードの書き方が分からん！
- とにかく今すぐ対処したい！
この記事にたどり着くまでにampの内容説明などイヤほどご覧になってきたかと思います。
そのため、この記事ではampについての詳しい説明は省き、
対処法と手順を、
シンプルかつ具体的に書いていきたいと思います。
目次
ワードプレスのプラグイン【amp】を導入。その時Twitterで〇〇
Google様が推奨しているプラグインのamp。
何も考えずに導入したら、
Twitterから私のブログを見るとこんなことが起きました。
- 文字が全部明朝体。デザイン崩れてる。マジで読みにくい！
- アドセンスも表示されない！
- ブログ村のバナーも出てない！
というわけで、ネットで色んな記事を読み漁り、
ampのメリット・デメリットを考慮した上で解除することにしました。
amp解除をすると〇〇。その対処法は？
ampをすぐに解除すると、
Twitterで既に投稿した記事が
404エラーになってしまうという問題点があります。
その場合どうしたら良いのかというと、
「301リダイレクト設定をする」
というところにたどり着きました。
ブログを始めてまだ3ヶ月しか経ってない超初心者の私は
こんな風に解釈しました。
- ampをプラグインに導入すると、Twitter上の記事のURLに「amp」が組み込まれる
- その上でampを削除すれば、URLが無効になるから404エラーに。
- amp付きのページに301リダイレクトという設定をすれば、Twitter上の記事が一律に本家URLに繋いでくれる
そんな訳で、301リダイレクトの設定をしてみました。
301リダイレクト設定の仕方
#SITE〜云々かんぬん〜
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteBase /
RewriteRule ^(.*)/amp/?$ $1 [R=301,L]
</IfModule>
# BEGIN WordPress
この時、気を付けたいことが２つあります。
- コードを書き込む前に写メを撮っておく
- # BEGIN WordPressの前（上）に青字のコードを挿入すること。
コードを書き込む前に写メをオススメする理由は、
初心者がいじると、うっかりコードの一部を消したり足したりしてしまいかねないからです。
青字部分のコードを入れるだけのように見えますが、
なかなか１発で成功できなかったんですよね…。
スペースが足りなかったとか、文字列が少しずれていたとかが原因でした。
そんな風に修正する過程で、
うっかり手が滑って他の文字を消してしまわないか
と、かなりおっかなびっくりでやっていました。
知らないうちにうっかり文字を足したり消したりしてしまうと、どこがどんな風に間違っているのか分からない初心者はまず復旧できないと思います。
もし間違ってしまっても、どこが修正前と違ってるのか見直せるように写メを撮っておくことをお勧めします。
まとめ
プログラミングもコードもよく分かってないブログ歴３ヶ月の私でもなんとかなりました！
みなさんの健闘を祈ります！
ここまで読んで頂き、ありがとうございました！
↓たいへん励みになりますので応援してくれたら嬉しいです♪
