ニッチな話題 画像ごとの個別ページは画像SEOに有効な場合もある【検索とページ構造】
「検索エンジンに評価される工夫」のことを「SEO：検索エンジン最適化」といいます。
現在はキーワード検索だけではなく、地図で表示されるための「MEO（地図エンジン最適化）」など、ひろがっています。
今回は、Googleの「画像...
WordPress
ニッチな話題 
インターネット小話 店舗のブログをどう作る？【ブログサービスとHP作成サービス】
仕事で、ホームページの他に、「ブログで発信していく」ように言われました。
まだ、曖昧な段階なのですが、そもそもブログって どんな風に作っていったら良いのですか？
店舗などの集客ツールとして「ブログ」に着目するケースは多いと...
インターネット小話 パーマリンク設定を変更してアクセスURLが切り替わるのにかかった期間【AMPキャッシュ】
先日（2021年11月2日）、サイトのパーマリンク設定を変更して、URLアドレスを変更しました。
ページ全体のパーマリンクを変更して、検索順位に悪影響があるか心配だったのですが、今のところ無事に移行できています。
今回は、パー...
ニッチな話題 [WordPress]エディタでうまく表示されない画像のアドレス「画像に alt 属性が指定されていません」
WordPressのエディタ画面に画像をアップロードすると、たまにうまく表示されないことがあります。
ところが、「メディアの選択」で確認すると、画像が表示されます。
アップロードはできているようです。
と...
インターネット小話 [WordPress]「Briefly unavailable for scheduled maintenance」【自動更新タイミング】
先日、自分のブログを確認していたら、突然 グレーの画面で何も表示されなくなりました（2021-11-02 23.34.33）。
Briefly unavailable for scheduled maintenance. C...
ニッチな話題 [CSS]ブログカードの画像のアスペクト比を変更した[object-fit, aspect-ratio]
これまで一行で表示できるタイトル文字数が少なくて、タイトルが長くなると読みにくいことが気になっていました。
ブログカードのデザインを少し変更しました。
そこで、まず画像のアスペクト比を変更したり、文字のサイズを少し小さくして、...
インターネット小話 [AMPエラー] タグ「amp-img」の属性「src」のURLプロトコル「blob」が無効です。【blobプロトコル】
Googleサーチコンソールを見ていたら、エラーの通知がありました。
どうも、画像のアップロードに失敗したまま、記事を公開してしまっていたようです。
ポイント
「blob:〜」で始まるURLアドレスのデータは、ブラウザ内に保持...
インターネット小話 [WordPress] 「月の投稿ごとの集計」をするためにブログのパーマリンクを変更した【Search Regexプラグイン】
「Google アナリティクス」でアクセス数を見ているのですが、「投稿した月ごとの集計」を知りたいと思いました。
そのために、サイトのパーマリンクを変更しました。
手作業で内部リンクを修正するのはしんどそうだったのですが、プ...
プログラミング WordPressでのコピペに混ざる<meta charset=″utf-8″>をまとめて削除する【PHPコード】
MacでWordPressのエディタにコピペをすると、<meta charset="utf-8">というタグが追加されてしまうことがあります。
これを放置すると、Google Search Consoleで「AMPエラー」にな...
プログラミング [WordPress] ブログ記事に印刷用のQRコードを追加する【Google APIs】
ウェブページには、リンクをたどっていくことができるメリットがあります。
教室では、ちいラボのブログ記事を冊子印刷にしてお渡ししているのですが、紙媒体では 関連する記事を読むことができません。
そこで末尾にQRコードをつけて、ス...
ホームページ運用 「複数のフォームコントロールが単一のlabel要素内に置かれています」[Contact Form 7の設定エラー]
Contact Form 7の設定エラーが消えないなぁ……
複数のフォームコントロールが単一の label 要素内に置かれています。
問合せフォームを「Contact Form 7」というWordPressプラグインで作っ...
インターネット小話 [WordPress] 好きな画像でブログを共有したい【Share This Imageプラグイン】
書いたブログをTwitterにシェアする時に、アイキャッチ画像とは別の画像を選びたいな。
説明の図解を共有できたら、便利なはず。
今回は、TwitterやFacebookに投稿するときに、Pinterestのように画像（主...
ちいラボエッセイ 試しに記事下にLINE登録ボタンをつけてみた
Youtubeの「チャンネル登録お願いします」を参考に、ブログの記事下に「LINE登録」ボタンを追加してみました。
ついでに、LINE公式のあいさつメッセージにも、タイムラインの見方を画像で説明するようにしました。
...
ニッチな話題 Cocoonで注目記事ランキングのショートコードを作成した【SQLって何？からのデータベース操作】
記事のアクセスランキング（人気記事）は、上位の記事がなかなか変わらないので、あまりおもしろくありません。
WordPressの記事のアクセス数の前週比のランキング（急上昇の記事）を作りたいと思って、Cocoonのコードを読んでみまし...
インターネット小話 [Cocoon] 記事のタグをサイドバーに表示した（タグクラウドではない）
ブログのサイドバーの項目を見直してみました。
WordPressのサイドバーに記事のタグを追加した
カスタム検索とナビゲーションメニューの間に、・リンク・目次・タグ・関連記事を追加しました。
とくに、記事のタグを追加する...
ニッチな話題 AMP用ページを見やすくしたりメニューをつけたり（note風スタイル第7弾）
cocoonのAMP機能で生成している
CocoonテーマのAMP設定でAMPページを生成しています。
通常ページとAMPページの差
デフォルトスタイルだと、AMPページのスタイルは通常ページとだいぶ差があります...
ニッチな話題 Goolgle XML Sitemapsプラグインが検索で見つからない（改名していた）
以前に紹介したGoolgle XML Sitemapsプラグインを、別サイトで利用しようとしたら、検索で見つかりませんでした。
ポイント
「Google XML Sitemaps」から「XML Sitemap...
ニッチな話題 LiteSpeed Cacheプラグインをオン・オフで比較してみた
LiteSpeed Cache（v3.6.4）プラグインの「キャッシュ機能」のオン・オフでどれぐらい違うのか、比較してみました（2021年3月23日現在）。
もしかして、誤差の範囲……？
もう少し詳しく比較してみま...
インターネット小話 Cocoonで記事一覧の画像と文字の位置を逆にした（note風スタイル第６弾？）
久々にホームページのCSSをいじりました。今回は、記事一覧の画像と文字の配置です。
これも、note風スタイルの一環ですね。
大きな字で見やすいタイトルと正方形のアイキャッチ
アイキャッチ画像より、タイトル文に目がいくよ...
インターネット小話 WordPress 5.7にアップデートした 【インサータからドラッグ】
ダッシュボードにWordPress 5.7の通知が来ていました。
そろそろ更新してみる
わたしはプラグインの対応を確認してから更新したいので、WordPress本体は自動更新にはしていません。
しばらく放置してい...
ニッチな話題 WordPressのエディタが異常に遅い？ 【バージョン更新の意味】
WordPressで「エディタ画面が異常に遅い」という相談を受けました。
これは、WordPressとテーマのバージョン相性が原因でした。
結論
エディタの反応が異常に遅かったが、WordPressとテーマを最新版に更新すると...
ニッチな話題 「index.php?xml_sitemap=params=」XMLサイトマップのURLがおかしい？ 【WordPressのパーマリンク】
XML Sitemapsプラグインで、XMLサイトマップを作ったけれど、なんかアドレスがおかしい。
結論
WordPressのXMLサイトマップのURLが「index.php?xml_sitemap=params=」なのは、パーマリ...
ニッチな話題 [Cocoon] カルーセルの「CLSに関する問題」を改善したいけれど難しそう
読んでいる文章をずらされると腹が立つだろう。
だから、そういうページは直した方がよい。
さて、どうやって？ という話。
CLS（累積レイアウト変更）とは
ウェブページはあとから画像が表示されると、下にある文...
ニッチな話題 [cocoon] Googleアドセンスのアンカー広告を下に固定する
スマートフォンのユーザーの画面上下にずっと表示する広告を、アンカー広告（あるいはオーバーレイ広告）といいます。
アンカー広告がメニューバーと重なると不便なので、今回はGoogle広告のアンカー広告の位置を変更しようと思います。
...
ニッチな話題 note風スタイル第5弾！引用とコード
note風デザインもそろそろ簡単な微調整です。
今回は引用文（blockquote）とコード（pre）のデザイン。
ビフォア・アフター
元のデザインに比べて、小さくグレー基調にしました。
以前は引用部分が...