サイトリニューアルってほどでもないけど少し改修しました

2018.08.05

| Web・ガジェット

WordPressに移行してしばらく経ち、検索流入やら回遊率直帰率周りの数字は計測できるぐらいには安定してきました。はてなブログからリダイレクトとかしていたのではじめはリファラーも不安定でしたが、最近は検索流入8割、その他2割ですね。キーワードも「contax t2」「nokton classic 35mm f1.4」「部屋晒し」あたりで稼いでいます。部屋晒し記事を書いたのが2年前なのでまあそんな時代の流れがあるわけじゃないものね。

そして本題で、今回やったことは大きく3つです。

  • WordPressディレクトリ構造の見直し
  • Googleカスタム検索の導入
  • デザインテーマ変更

WordPressディレクトリ構造の見直し

これは、ルート直下に作ってあったWordPressを、2層目に落として、直下に各ページディレクトリを作ってその中にCSS/JSも配置していく。というもの。WordPressのテーマでやるとstyle.cssがぐちゃぐちゃになってしまうので、わけで保守性をよくしようというわけです。

ローカルで大枠作っておいて、本番環境でごにょごにょ調整したので見れない時間があったかもです。すみません。

今回のデザインリニューアルもこの構造にしたかったのでついでにやりました。

※ブログ名をおしゃれにしたい

「たこさんちゃんねる」だと、野暮ったさがあると思うのです。このブログ名、インスタ映えしないじゃない!「KiraKira Days」とかさ!やばいおしゃれな名前わかんない!「Dream Yeah!」みたいなの?思いつかないからいいや、、、英語でなんかかっこいいフォントでクールにいけてる感じのなんかよくわからんスタイリシュなのがいいじゃん。

Googleカスタム検索の導入

導入しました。検索フォームつけるの忘れてたから。検索画面つくるのめんどくさかったので結構そのまま。便利だなこれ。

デザインテーマ変更

書いたのはいいけどそんなに変わってないかも。ちょっとソースをきれいにしたり整理整頓したりしました。GT metrixの評価をE評価からB評価にしました。

  • 画像のサイズを2000px→1200pxぐらいに
  • JSを上から下に置き直し
  • キャッシュ周りをhtaccessに記述
  • 広告タグとかも整理

ぐらいかな?AWSのCloudFrontとかのCDN使おうかと思ったんだけどめんどくさくなったので。Phonon?CloudFlare?とかの方が楽かもだけど。

Theme Test Drive

テーマを試したいときは「Theme Test Drive」ってプラグインを使うといいです。権限別にテーマを指定反映できるので、自分だけとか仲間うちにはとかできるので、おすすめ。

※ちょっと前にAMP対応しました

AMPプラグインを入れて、プラグインのテーマをちょっと書き換えて、functionとかいじって、広告とかランキング出るように変えたりしました。AMPが通ったページはAMPがやっぱよく見られているね。検索上位にも来やすいのかなー?でもSearch Consoleでちょいちょいエラーがあって、対応がめんどくさいです。

プラグインの整理整頓

  • AMP・・・AMP化できるよ
  • Compress JPEG & PNG images・・・TinyPNGのプラグイン版。月500枚まで
  • Contact Form 7・・・お問い合わせのやつ
  • Google XML Sitemaps・・・サイトマップ吐き出すよ
  • iThemes Security・・・WPのセキュリティ周り
  • JP Markdown・・・エディターでマークダウンが使えるよ
  • PuSHPress・・・インデックスが早くなるかもしれないよ
  • WebSub/PubSubHubbub・・・インデックスが早くなるかも
  • WP Multibyte Patch・・・WPのマルチバイトのやつ
  • WP-PostViews・・・ 各記事のPV数
  • Yoast SEO・・・SEOのやつ(あんま使ってないから消そうかな)

エックスサーバーの人向け

定期的にPHPのバージョンをチェックしましょう。PHP5系とPHP7系では処理速度が倍近く違うし、サポートも切れていたりするので、PHPはなるべく最新版を使用しましょう。

あと、WAFの設定も標準についたので、全部ONにしておきましょう。

まとめ

なんかデザイン崩れとかあれば教えてください…。こういうのってなんでやりはじめるといつの間にか朝を迎えているんだろうね。びっくり。

Tags

Comment

メールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。