サイトの.htaccessファイルが間違っているかも。 サイトが重たいときやSEO対策をしたいとき、.htaccessで対策することが度々ある。 そのような場合、あちこちとサイトを検索して、コードを拝借して利用していることもあるだろう。 ありがたいことに、ネット上には色々とコピペOKなコードが提供されている。 ただし肝心のコピー元や自分自身のアレンジが間違っていた場...
サイトが高速化？.htaccessをチェック。キャッシュ指定は要注意。
Memos
Googleアナリティクス（GA4）で自分のアクセスを除外できないとき。
Googleアナリティクス（GA4)のアクセスから、自分（管理者）を除く方法。 会社やお店のサイトや個人のサイトなどで、アクセス数を調べることがある。 GA4。 GA4でも同様にIPアドレスでカウントを除くことができるが、UAのころと設定方法がちょっと変わっている。 従来の「フィルタ」からではなく、「データストリーム」と「データフィルタ」で設定する。 ...
preconnectの使い方。ページの読み込み速度を上げるために。
preconnectとは？ link rel="preconnect"で事前に接続する。 「preconnect」とはその名の通り、「事前接続」のこと。 例えばjQueryやGoogle Analyticsなど、外部からのコードを読み込むときがある。 preconnect。 そういうときに、linkタグのrel属性の値に「preconnect」を指定すると、ペ...
GA4のページビュー数（PV数）は、page_viewとは違う？
GA4のpage_viewと、表示回数と、UAのページビュー数と。 ※2024.01.11 追記あり。 GA4のPV数はどこにある？ UA→GAから移行中のため、2022年12月現在は両方のアナリティクスで指標が見られる状態となっている。 とりあえず両方での「ユーザー数」はほとんど同じだ。（期間が若干違うため一致はしていない。） ただし、「ページビュ...
PageSpeed Insightsでサイト読み込みの改善。増えた４項目。
PageSpeed Insightsはアップデートが多い。 PageSpeed Insightsに限らず、AnalyticsやSearch Consoleもそうだが、UIや仕様が良く変わる。追いつくのがなかなか大変だ。 Googleのサービスは日進月歩。 サイト運営に密接に関わるGoogleサービスには、広告関連を除けば、大きく次の３つがある。これらはSEOに重視...
GA4への移行。Google タグ（gtag.js）とGoogle タグ マネージャーの違いって？ アナリティクスの計測はどちらでもOK。
Google タグ（gtag.js）とGoogle タグ マネージャー。 Google タグとGoogle タグ マネージャーとの違いがよくわからない。 よくわかってはいないが、とりあえずUA（従来のユニバーサル アナリティクス）からGoogle アナリティクス 4(GA4)へ移行し、下記のようなGoogle タグをhead内へ記述することで、計測はできている。 複数のサ...
リダイレクトがうまくいかない時のプラグイン、「Redirection」の設定方法。
.htaccessファイルなどでは上手くいかなかった。 普段はサイトの移転などでURL変更があった場合、.htaccessで301リダイレクトの設定をしているが、今回のケースでは上手くいかなかった。 ネット上で情報を探していたところ、functions.phpに記述する方法もあったが、これも上手くいかなかった。 WordPressプラグイン、「Redirection」で解決。...
WordPressに最終更新日を表示させる方法。（プラグイン不要。）
テンプレートタグだけでOK。 WordPressで投稿した内容を、後になって追記したり修正したりする場合がある。そういった場合は「最終更新日」を表記させた方が、訪問する方へ対して親切であり、SEO的にも何かしら効果があると思われる。 プラグインが必要かと思っていて手を出していなかったが、普通にWordPressのテンプレートタグで用意されていて、簡単だった。 使用するテンプレ...
WebP対応。JPGやPNGからの変換も簡単。SEOにも効果的に。
WebPの壁、IEが公式にサポート終了。 Internet Explorerがサポート終了に。 いよいよというか、ついにというか、2022.06.16にIEのサポートが終了した。 そこで、改めて画像形式、WebPについて考察してみた。 WebPの開発元であるGoogle社のChromeはもちろん、Apple社のSafariも2020年から対応している。 M...
WebサイトSEO検証。Google5位以内を達成。ビッグなワードで。
SEOの実証結果。その後。 SEO対策でさらに順位が上がる。 少し前に何度かSEO対策についてのメモ書きをしたが、その後、さらに順位が上がっていった。なので改めてメモに残して置こうと思う。 あるサイトで「地域名+ビッグキーワード」でスマホ・パソコンともに5位以内となった。被リンクの購入はしていない。Google マイビジネスで数えると、競合サイトは200ほどある。 ...
WebデザインのSEOとは？SEOに強いデザイン脳とは？
SEO対策？ 本職はデザイン業、デザイン脳なのに。 デザインとSEO。 SEOに強くなった。 というか、実はずっと前から強い。 SEOとデザインは基本的には別種だが、デザイン思考でSEO対策をすることは不可能ではない。 例えば〇〇教室。 「地域名 + 〇〇」で検索すると、スマホでもパソコンでも10位前後で推移している。 前後の順位にあるのはすでに名前の知れ...
CSSのidセレクタは使ってはいけないって本当なの？
idセレクタは使ってはいけない？ あるときある学校で、idセレクタは遅いから使ってはいけない、という講師と出会ったことがある。CSSのセレクタはclassセレクタが一番速い、検証してみたから間違いない、そうだ。 正直なところまったく賛同できなかった。本当に検証したのならそうなのかもしれないが、実際にはその証拠を見せていなかった。 ちなみに、学校で学ぶことも多いWebデザイ...
SEO対策とキーワード。コミットするならGoogleとW3Cへ。
SEO対策の真実？ 自分は元々鉛筆画やデザインがメインなので、サイトのSEO対策は補助的に行っている。 だが、複数のサイトで数年間、ある程度の全国的なビッグキーワードでも、15位以内には入っている。中小企業の社名やパーソナルなサイト名では（同名の会社名がいくつかあっても）全国1位は普通で、ローカルSEOや、2〜3単語以内のキーワードで10位以内に入ることも普通だ。モバイル検索で...
CSS filterプロパティの使い方。画像調整は楽しく使いやすい。
CSS3 filterプロパティの優秀さ。 Webサイトにとって写真は重要だ。古来から百聞は一見に如かずとも言うように、人間は文字情報よりも視覚情報の方がはるかに早く伝わる。 腕の良いカメラマン、カメラウーマンが撮ってくれた写真があればベストなのだが、当然費用がかかる。個人的には写真素材はプロにお願いしたいが、小規模サイトの場合、そうもいかないことがある。必ずしもプロの写真を用...
HTML5とCSS3、WordPress、SEO。無料ツールでランクアップ！
HTML5やCSS3、SEOなどの先端技術を無料ツールで。 今年2021年、5年ほど前に制作したサイトのリニューアルを承った。前回もリニューアルをしたので、2度目のリニューアルだ。ありがたいことに去年からお願いをされていたのだが、私の目の不調により待ってもらっていた。 だいぶ出来上がったので、ちょっと振り返ってみる。 マイク英会話教室札幌さまのサイト > ...
Chromeのデベロッパーツールで404エラー？
パスにもファイルにも問題ないのに404エラー？ デベロッパーツールのコンソールに不明なパスによるエラー。 前々から気にはなっていたが、作業時間を取られてしまうので無視していた、Chromeのデベロッパーツールのコンソールに出ていたエラー。 ありえない404、かつSEOにも表示にも関係のない画像ファイルに対するものなので放っておいた。一応パスを確認したが問題はな...
BEMとSass。やりすぎなSassやBEMたちと、やりすぎたclassセレクタ。
classセレクタと子孫セレクタ。 職業訓練校の場合。 2014年頃までは、子孫セレクタの使用は普通だった。Webの標準化団体のW3Cがそう策定しているので、自分が講師をしていた職業訓練校でもそのように教えていた。 検定試験用の教科書の場合。 idセレクタや子孫セレクタは検定試験用の教科書に記載されており、実際の試験でも出題されている。おそらく今でもそうだろ...