操作方法バックアップは必須ですJavascriptが動作するか確認をGoogleは、ウェブサイトの表示速度が検索エンジンの表示順位に影響すると公式にアナウンスしています。HTMLファイルの圧縮は表示速度の向上に明らかな効果があるため、SEOの観点からは、是非とも実施しておきたいです。ウェブサービスは時間と手間がかかる多くの人は、HTMLファイルを圧縮してくれるウェブサービスを利用していると思います。わたしがよく使うのは、こちらのサイト。html-minifier無料で誰でも使えて、圧縮効果も高く、細かいカスタマイズもできるので、とてもスグレモノのサイトです。利用方法は、過去に一度記事にしていますので、そちらをご参照ください。上記のウェブサービスはとてもオススメなのですが、ページ数が多くなると時間がかかります。一ページごとにHTMLをウェブサイト上にコピペして、圧縮ボタンを押して、生成された結果をコピーしてパソコン上のテキストエディタにペーストする。200ページのサイトなら、これを200回繰り返す必要があります。ボタン一つで、200ページまとめてHTMLを圧縮できないだろうか。その方法を考えてみました。Macの場合まず、Macの場合は、専用のソフトウエアがあるようです。Minifyアイコンにフォルダをドロップするだけで、フォルダ内のファイルを一括で圧縮できます。わたしはWindowsユーザーなので、このソフトは使えません。かわりに考えたのが、以下の方法です。使うのは、検索置換ソフトTextSSです。公式サイト指定したフォルダフォルダ内のファイル(テキストファイル、HTMLファイル)を一括で検索、置換できるソフトウエアです。使って検索・置換します。正規表現という言葉は、プログラミングをやっていない人にとっては意味不明でしょうが(実は私もよくわかっていない)、意味不明でも大丈夫です。以下の手順ですすめれば、ちゃんとできます。拡張子とフォルダを指定TextSSはインストール不要なので、ダウンロードしたらアイコンをクリックするだけで起動します。TextSSの初期画面で、圧縮するHTMLファイルのリストを作成します。左上のプルダウンメニューで、「*.htm;.html」を選択します。フォルダ追加をクリックし、HTMLファイルが入っているフォルダを指定します。フォルダは複数指定できます。サイトまるごと指定してもOKです。フォルダ内に存在するHTMLファイルがリスト表示されたらOKです。右下の「次へ」をクリックし、検索語の指定画面に進みます。左上の「置換方法」で、「文字列の置換(正規表現)」を指定します。「検索パターン」のテキストボックスに、検索語を下記のとおり記入します。{2,}|<!–.*?–>|\tこのままコピペして貼り付けてください。簡単に意味を説明します。縦棒「|」は、「または」を意味します。「\r\n」「\n」「\r」は、いずれも「改行コード」を意味します。{2,}」は、「{」の前に半角スペースが入っています。これ全体で、半角スペースが2つ以上連続した場合を意味します。「<!–.*?–>」は、HTMLファイル内のコメント部分を意味します。「?」は最短で一致する箇所を探す記号です。これをつけ忘れると、ファイル内の最初の「<!–」から最後の「–>」までの間が全部削除されてしまいます。\tは、タブコードを意味します。置換語のテキストボックスは空欄のままにします。右下の「次へ」をクリックして実行画面に進み、右下の「開始」をクリックして置換を実行します。検索語で指定した、改行コード、余分なスペース、コメントが除去され、全体が一行になった圧縮後のHTMLファイルができあがります。この方法なら、数百ページのHTMLの圧縮が数秒で完了します。ファイルが開いたままだと置換できず失敗します。指定したフォルダ内のファイルが開かれていないことを確認してから実行してください。「復元」ボタンを押せば一括でもとに復元できますが、復元が可能なのはTextSSを閉じるまでです。一回ソフトを閉じてしまうと、バックアップファイルが破棄されるため、復元できなくなります。バックアップは必須です圧縮後のHTMLファイルは上書きされるので、もとのHTMLファイルは必ずコピーを別に保存しておきましょう。圧縮されたものをもとに戻すことはできないので、コピーを残しておかないと再編集が極めて困難になります。Javascriptが動作するか確認を上記の方法を使うと、HTMLファイル内に記述されたJavascriptも同時に圧縮されます。Javascriptの記述方法によっては、これにより動作しなくなることがありえます。圧縮後に、Javascriptが動作するか確認してください。スポンサーリンクシェアするツイートフォローするゆゆ関連記事FC2ブログからワードプレスへ-SEOに配慮した移転の方法FC2ブログからWordpressに移転する方法です。文章と画像を移転したら、SEO対策のためにMETAタグで転送を設定し、検索エンジンに引っ越したことを知らせます(301リダイレクトと同等の効果があります)。記事のURL形式をFC2形式から変更する場合は、htaccessでの転送(再転送)も必要です。フリーのWebツールでHTMLを圧縮HTMLの最小化(縮小、圧縮)をするフリーのウェブサービスを3つ紹介します。これらのサイトの特徴は、まず無料であること、そして、縮小後のHTMLファイル内のJavascriptが正常に作動することです。Adsenseの広告が表示されないトラブルもないようです。複数のHTMLファイルの自動的な一括処理はできません。規約違反に気づいたら自己申告しましょうAmazonアソシエイトでは、新規サイトにアフィリエイトリンクを貼るときは、事前に承認を受ける必要があります。この手続きを怠ると規約違反です。報酬支払停止、アカウント停止などの処分があります。規約違反に気づいたら、Amazonに自己申告して審査を受けましょう。わたしはリンクはそのままの状態で申請して、承認をもらいました。記事を読むWorkFlowyのNoteを非表示/全文表示にする方法WorkFlowyの初期設定では、Noteは最初の一行が常時表示されています。これを非表示にして、アウトラインを見やすくするためのCSSを作成しました。ブラウザ拡張機能「Stylish」を使ってWorkFlowyのデザインを変更する方法を解説します。Noteを全文表示するためのテーマ&スキンや、使い方もご説明します。記事を読むFC2ブログの「注目記事・ランキング・広告」を削除/非表示にする方法【スマホ版】FC2ブログの無料版をスマートフォンで表示すると、多数の広告バナーとともに、フッターに「注目記事」や「ランキング」が挿入されます。これらを消す方法を考えました。CSSやHTMLを編集することで、非表示にしたり、移動や削除ができます。」(ノンブレーキングスペース)が黒丸「・」になってしまう問題が指摘されています。その原因と解決法を考えてみます。Server)の「エコノミー」プランは、MySQL(データベース)が使えません。裏技を使えば、Wordpressの導入が可能です。Integrationというプラグインを使って、MySQLなしでWordpressをインストール、運用する方法をご紹介します。さくらインターネットのライトプランや、ロリポップのエコノミープランでも同じ方法が使えます。記事を読むAdsenseのレスポンシブユニットをスマートフォンサイトのファーストビューに設置する方法Adsenseのレスポンシブユニットをページ上部に配置すると、スマートフォンで見たときにレクタングル広告が表示され、規約違反(ポリシー違反)になります。この問題はCSSのメディアクエリを利用することで回避できます。)ミニバード(ネットオウル社)のレンタルサーバーをレビューします。評判どおり安定しています。今までサーバ落ちなどのトラブルはないです。転送量の制限(上限)に余裕があり、反応速度や転送速度も問題ないです。Wordpressの脆弱性対策へのセキュリティ対策もおこなわれています。料金支払いはコンビニ、クレジットカード、銀行振り込みです。記事を読むドメイン移転の失敗によるGoogle検索順位の低下とリカバリーブログのドメイン移転に失敗しました。移行手順でミスをして、アクセス数が激減しました。新サイトをnoindexにしたまま、旧サイトからhtaccessによる301リダイレクト(転送)をかけたのが原因です。あわてて元のドメインに戻したら、検索順位が復活しました。Googleは、インデックスを消したあとも、しばらくはページの評価を保持しているようです。記事を読むスポンサーリンクサンワサプライSKB-E3Uは耐久性に難あり。