WordPress画像最適化

WordPressの画像関連の最適化をしたので、メモまで。

使ったプラグインは下記2つ。

 

  1. EWWW Image Optimizer
  2. Lazy Load

 

・参考情報

EWWW Image Optimizer の設定方法と使い方

 

WordPress高速化|1秒前半で表示する誰でもできる簡単な方法

 

 

新着から読むを修正

新着から読むのカテゴリリスト表示がおかしくなっていた。

newpost-catchのCSSファイルがバージョンアップのタイミングなどで置き換わってしまったことが原因と考えられる。

アマゾンのサーバーへログインして、CSSを修正して上書き保存。

最近の投稿にサムネイル表示

 

GAの活用

テクニック

・訪問数の多い時間の少し前に更新する

・サイト内検索は需要の現れ

・目的を見失わない、ブログであればアクセス増加の確保、ショップであれば収益の確保など

・アクセス解析は長期的視点で見る

・ユーザー数より訪問数が多いときは、何度もアクセスしていることがわかる。

・ページビュー数の増加が最初の目標としていい 見てもらわないとはじまらない

・GAは正確な数値は24時間かかる

・リピーターを増やすテクニック

コンテンツの充実

サイトの更新頻度が高い

親しみのある文章で書かれている

見やすいレイアウト、配色

サイト内で移動がしやすい

広告が自己主張しない工夫

・リピート間隔から更新頻度を考える

7日前後であれば、1週間に一度は大きく更新する、という考え方。

・平均滞在時間

じっくり見てくれている

サイトプロセスで困っている

・直帰率

30-40%であれば優秀、50%以上であれば改善

・訪問別ページビュー

訪問者が1回のアクセスで閲覧したページ数の平均値

高いほどサイト全体の注目度が高く、コンテンツが充実しているとされる。

サイト構造が複雑で目的ページまでクリック数が多いと増回する傾向もある。

・直帰率を下げる

サイトの内容が訪問理由と一致しなかった。配色が派手すぎる。画像や動画のファイルサイズが大きすぎて表示に時間がかかる。文章の表現が回りくどくて読みにくい。など。

・海外からのアクセスが多い場合。

在日外国人が興味を持っていることを意味します。一部を英語で兵器してみたり、海外の状況を紹介してると、より親しみやすいコンテンツとなりアクセス数向上の工夫です。

・ブラウザサイズの分析

一般的には90%の方御社に合わせるのが良いとされています。

BackWPup エラー: ZipArchive

BackWPupからエラーが発生した旨のメールが届きました。エラーは下記の通り。

 エラー: ZipArchiveが正しく閉じられていません

 

Outlook_com_-_kimitoshi_narita_hotmail_com

 

バックアップの置き場をDropboxからサーバー自身へ切り替えてだいぶ立つので、

ピンと来ました。 サーバーの容量だなと。

早速、Amazonサーバーにログインして、バックアップファイルを削除してしまおう。

 

ルートになって。

 

バックアップ置き場へ移動して。

 

自分の場合、バックアップは必要ないので、ファイルをすべて消しちゃいましょう。

 

それでは、BackWPupを手動で実行してみて、無事完了できました!

ジョブ_‹_tendoors_—_WordPress

 

以上です。

WordPress 4.2へ更新

WordPress 4.2(Powel ;パーウェル)がリリースされました。

早速バックアップを実行して更新しました。

 

今回の改善点は下記のようです。

  • PressThisを改善してよりスピーディにコンテンツ共有ができるようになった。
  • アジア圏(中国語、日本語、韓国語の文字、音楽、数学用の企業、象形文字)の多くの文字に対応
  • テーマのプレビューが簡単に切り替え確認できるようになった。
  • TumblrやKickstarter のリンクを入れると、デザインがキレイに貼り付けられる。
  • プラグイン更新がその画面の中で完了できるようになった。

以上です。

最近の投稿にサムネイル表示

WordPress にある 最近の投稿 ウィジェットテキストだけで寂しいので、

記事のアイキャッチに設定しているサムネイルをリスト表示したいと思いました。

早速やってみましょう。

 

完成形

記事リストをサムネイルで華やかにする!

 

Before (修正前)

Cursor_と_tendoors___インターネット野郎

 

 

 

 

 

 

After(修正後)

tendoors___インターネット野郎

 

 

 

 

 

 

 

 

 

 

 

早速、とりかかりましょう!

→→→この続きを読む