【Google Search Console】HTTP marked with canonical tag
先日、日録のカテゴリーをサブドメインに移動した。 思っていたよりも簡単にできたけど、SEO的に必要な項目を抑えているかどうか不安が残るところ。 とゆーことで、サブドメインに記事を移動した後、ちょくちょく ”Google Search Console” で確認していた……ある日。 “HTTPS”のところで “Non-HTTPS URLs” が1件表示さ […]
CATEGORY
Web / Wordpress
【WordPress/SEO】記事の引っ越しと、その後に必要な操作
先日、諸々の事情あり、サブドメインを作って、特定の記事をそちらに移動した。 その際にいくつか必要な操作があったので、忘れないようにメモメモ….φ(･ω･ )。 記事を別サイトへ移動 All-in-One WP Migrationを使って、まるっと移動 まずは、全記事をまとめて移動する方法。 今回は大量の記事を画像やコメント、PV数etc.ごと、まるっと移動したかったので、プラグインを使 […]
変更したCSSが、キャッシュ機能のために反映されないときの対処法
先日、Prism.jpのThemeを変更し、サーバーにアップロードしたけど、CSSが反映されなかった。 最終的に、Chromeのキャッシュを削除したら解決したので、それらの備忘録。 キャッシュ機能とは キャッシュ機能とは、ブラウザやサーバーなどに一時的にウェブページのデータを保存し、次に同じページを開いた時に素早く表示させる仕組み。 色々なところでキャッシュ機能を使っているので、どのキャッシュが効 […]
アンダーライン色々：通常下線、太め、マーカー風、波線、２重線
文字に下線を引く際の色々。 普通の下線: <u> 普通の下線だったら <u> で。 <u>下線を引きます</u> output 下線を引きます 下線のバリエーション①: border-bottom 下線部を太くしたり、色を変えたり etc.には、 <span style="border-bottom:> で色々設定してあげると良い。 例え […]
公開日・更新日の設定とGoogle 検索画面に「更新日」を表示させる方法
賢威8.0 では、投稿記事の日付を、 表示しない 投稿日と更新日を表示する 更新日を表示 投稿日を表示 の4種類から選択できる。 日記的要素が強いブログなら、「投稿日」の方が意味があると思うけれど、 情報発信系ブログなら、（読者は最新の情報を求めているので）「更新日」を表示したいところ。 「投稿日と更新日を表示する」にすると、記事内では両方表示されるけれども、Google の検索画面 […]
【賢威8.0】関連コンテンツユニット等の画像が「no image」となる事への対応：メイン画像に差し替える
Google AdSense の 関連コンテンツユニットを見ていると、メインページの画像が「no image」になっていた。 でも、賢威にサイト全体のアイキャッチ画像を設定する項目はない。 ……この「no image」画像を別のイメージに差し替える方法２つ。 方法１：OGPの共通画像の項目を設定 １. 「ダッシュボード → 賢威の設定 → SNS設定」 ２．「OGP の共通画像（アイキャッチがない […]
【WordPress】自動整形機能によるPタグが勝手に入らないようにする
ワードプレスには自動整形機能があり、ビジュアルテキストなどで書いた記事に、自動でPタグなどをつけてくれています。 ただ、私のように、別のテキストエディタで記事を書き、ワードプレスのテキストエディタに貼り付けている場合、 <!--コメントアウト--> の部分にも勝手にPタグがついてしまい、余計な空白部分ができて困ります。 プラグイン「Advanced Editor Tool […]
【The Thor】テーマを The Thor に変更し、AMP化の設定を行う
私のサイトでは、メインドメイン、サブドメインともに PageSpeed Insights で90点以上を保っていましたが、 サブドメインの個別記事は、アフィリリンクを貼っているものが多く、低速化が懸念されていました。 以前にも AMP化を試みた事はあったのですが、レイアウト崩れが困ったので、結局元にもどしていました。 けれども、以前購入して、そのままだった【THE THOR（ザ・トー […]
サイドバーのウィジェットの位置がずれて、コンテンツの下に表示されるようになった件
先日、サブドメインのテーマを変更し、フォーマットを整えていたのですが、 その途中で、トップページの右にあるはずのサイドバーのウィジェットが、記事下に移動してデザインが崩れる、という事態に遭遇しました。 ちょうどテーマを変更中の出来事だったので、そのテーマの設定内容を間違えたのかと思い、 一度テーマを削除して入れ直したりしましたが、改善しません。 その際、元のテーマに戻しても同様の現象 […]
【賢威 8.0】サイト全体のフォントを変更
WordPress のテーマを賢威8.0に変更し、諸々ありがたく思っているのですが、フォントに若干の違和感があったので、変更しました。 賢威 8.0のデフォルトのフォントは、 游ゴシック ヒラギノ角ゴシック Pro メイリオ MSPゴシック のような順番になっていますが、 body, input, textarea{ font-family: 'Yu Gothic Medium', '游ゴシック […]
そろそろブロックエディタに慣れようとクラシックエディタ機能をOFFにしてみたけど、やっぱり困ってしまっている件
私は、ブログの記事を VS Code で作成し、Wordpress のテキストエディタに貼り付けて使用している。 WordPressはずっとクラシックエディタを使っていたが、 「そろそろブロックエディタに慣れないとかなー」 と思い、思い切ってクラシックエディタのプラグインを停止してみたら、やっぱり苦労した……。 色々調べて思ったのは、 「このブロックエディタは私みたいに別のエディタで […]
【プラグインなし】記事内のコードにシンタックスハイライトを適応
以前、シンタックスハイライトのプラグインを紹介しましたが、 実際使ってみるとかなり重くて都合が悪かったので、プラグインなしでシンタックスハイライト表示を試みる事にしました。 いくつかみたのですが、「Prism.js」が良さげだったので、こちらを導入しました。 以下、方法の備忘録。 Prism.js のダウンロード 公式サイトからダウンロードします。 テーマ を選択 Theme は、 Default […]
サイトスピードの向上：Google PageSpeed Insights で100点をとるまでの軌跡
去年の夏、サイトスピードが遅いという警告があり、PageSpeed Insights で確認したら、 モバイル: 17 デスクトップ: 56 というひどい状況だった。 「なんとかせねば」と思い、ウェブ上で地道に調べて修復していった。 その方法で88点くらいまでには改善したけれど、それ以上はなかなか素人では難しかったので、 最後はプロの人に相談し、最終的に モバイル: 98 デスクトッ […]
コアウェブバイタル「CLSに関する問題:0.25超（パソコン）」問題への対処法と、それを通して学んだ事
ある日、Google Search Console から 「CLS issue: more than 0.25 (desktop)」 という警告が届きました。 対象 URL は、なんと 200強……萎えます。 中身をみると、ずっと “need improvement” が続いていて、ある時とうとう “poor” 境界線を超えてしまったようです。 もと […]
RSS ボタンの設置
世の中の最新情報を把握するため、いくつかのサイトを定期的にチェックしている、という人は多いんじゃないかと思います。 この時に便利なのが、RSS（RDF Site Summary / Really Simple Syndication）と呼ばれる機能。 このブログにも SicenceDaily と Alzforum の RSS フィードを設置していますが、 少し前から、自分のサイトにも RSS ボタ […]
【賢威 8.0】ページネーションをカテゴリー別から全記事に変更
賢威 8.0 では記事下にページネーションが表示されますが、デフォルトではカテゴリー別に送られる用になっています。 私は、全ての記事を投稿順にページネーションしたかったので、その方法を紹介。 ページネーションの場所 ページネーションの場所は、 サイト名 ｰ> public_html -> wp-content -> themes -> 賢威のテーマ -> templa […]
【WordPress】ショートカットキー
コードエディタで編集する場合はあまり関係ないけれど、 ビジュアルエディタで編集する時には便利な、 ワードプレスのショートカットキーの備忘録。 随時更新予定。 目的 ショートカットキー 太字 Ctrl ＋ B 斜体 Ctrl ＋ I 下線 Ctrl ＋ U 見出し1 Alt ＋ Shift ＋ 1 見出し2 Alt ＋ Shift ＋ 2 見出し3 Alt ＋ Shift ＋ 3 見出し4 Al […]
テーマを「賢威 8.0」に変更
このブログでは、開始当初から TwentySeventeen をテーマに使用してきましたが、先日、思い切ってテーマを変更することにしました。 理由は下記３点です。 対応に追われ、本業の時間が削られるようになってきた 今まで使っていたテーマは、色々カスタマイズしていて、コードが汚れている SEO に強いテーマに変更したら、ブログのメンテナンスに費やす時間を減らせるかもしれないと考えた そして、トリガ […]
Add to Any でツイートされた記事がわかるように設定する
記事のシェアボタンにから、どの記事がツイートされたのか、わかるように設定する方法。 私は最初 Add to Any を使っていたけれど、途中から 賢威 のテーマに変更したので、両方とも紹介。 Add to Any を使っている場合 １．管理画面 → 設定 → Add to Any の設定画面へ 2. 追加のJavaScriptに、下記追加。 a2a_config.templates.twitter […]
バックアップデータを個別に復元：UpdraftPlus Backup/Restor
先日、functions.php を編集していたら、途中から、画面に Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘ WordPress_footer_menu’ not found or invalid function name in サイトUR […]
コードの表示に便利なプラグイン：SyntaxHighlighter evolved
私は今まで、コードの表示は<pre>タグを使用していました。 <pre>タグは、Preformatted Text (整形済みテキスト) の略で、<pre></pre>で囲まれた範囲のソースに記述されたスペース・改行などを、そのまま等角フォントで表示します。 シンプルで好きではあったのですが、<pre></pre>の範囲ないで […]
WPバックアップ先をサイト毎個別指定：UpdraftPlus Backup/Restor
私は、WordPressのバックアップに「UpdraftPlus WordPress Backup」というプラグインを利用しています。 自動バックアップが可能で、復元も驚くほど簡単な、WP利用者ならほぼ必須といっても過言ではないプラグインです。 バックアップ先は５つのサイトまでならUpdraftPlusのクラウドに保存できますが、 外部のクラウドにも保存可能です。 私はGoogle […]
上下のmarginが効かない時の対処法
CSSを整えていて、左右のmarginは効くのに上下のmarginが効かないという現象に時々遭遇していました。 例えば、下記の例では、上に60pxのmarginをとっているのに、inspectするとcross outされていました。 原因の可能性 display: のブロック化忘れ 上下のmarginは、インライン要素には効果がありません。 インライン要素の例 <a> <ab […]
階層毎のサブタイトルを「1-1, 1-2, …」のように自動でナンバリングする方法（counter-reset & counter-increment）
私は今まで、記事のサブタイトルを、出てくる項目順にナンバリングしていたのですが、 書き進めていくうちに、「あれ、いま何番目の項目だっけ？」とわからなくなって、前の文章に戻ったり、 時々ブロックを入れ替えてナンバリングし直さなければならなかったり、 と、結構手間を感じる事がありました。 先日、コンテンツボックスを自動で作成する方針に切り替えたタイミングで、記事サブタイトルのナンバリング […]
自動で「目次」を作り、記事に追尾させる
私は今まで、記事の目次はマニュアルで作成していましたが、時短の目的でプラグインを導入することにしました。 使用したのは、「Table of Contents Plus」というプラグイン▼ [toc] Table of Contents Plusを使って目次を作成 インストール プラグイン → 新規追加 → Table of Contentsで検索 → インストール → 有効化 設定 → 「TOC+ […]
【プラグインなし】ブログカードの作り方（外部リンク＆内部リンク）
私は今まで、「embedly」を利用してブログカードを作成していたのですが、 表示が遅い 不具合の頻度が多い カスタマイズが有料 etc. の理由から、「embedly断ち」をしてブログカードを自作することにしました。 内部リンクは、Worepress 4.4 以降であれば、記事中にURLを書く事でブログカードに変換されます。 が、私がほしいのは「外部リンクをブログカードで表示させる […]
id属性とclass属性の使い分け
HTML/CSSをコーディングする際に重要となるid属性とclass属性の使い分けについて。 id属性とclass属性とは id属性もclass属性も、どちらもHTMLのタグに名前をつけて、その属性がついたコードだけに作用させる働きがある。 html <p id="test">○○</p> <p class="test"> […]
ハンバーガーメニューがスマホで開けない
私のサブドメインサイトでは、スマホ画面でハンバーガーメニューのボタンを押してもメニューが開かない、というトラブルがありました。 調べると、99％はプラグインのバッティングとの事。 プラグインを一旦すべて無効化すると、開けるように。 確かにプラグインのバッティングが原因の様子。 一つ一つ戻して検証した結果、今回は 「Autoptimize」 というプラグイン […]
一瞬でページトップに戻るプラグイン
結構長い記事を書いた時や、いくつかの項目に別れた記事を書いた時、 「目次のあるトップページに一瞬で飛びたいな」 と思うことがあります。 勿論、一つ一つアンカーポイントを作れば可能なのですが、過去記事全部にそれを設定するのは大変。 とゆーことで、私はプラグインで対応しています。 導入しているのは、定評のある「WPFront Scroll Top」というプラグイン。 &nb […]
投稿記事、固定記事etc.を複製するプラグイン
固定記事を作っていて、似たフォーマットで別のページを作りたいと思ったのですが、一から作るのはちょっと大変。 簡単に複製できないかなーと思って調べると、 みんなプラグインを使っているよう。 とゆーことで、私もプラグインを導入した。 複製用のプラグインはたくさんあるけれど、 使用人数、評価、アップデートの頻度、相互性etc.から 「Yoast Duplicate Post」 […]
「もしもアフィリエイト」の「かんたんリンク」のデザインをカスタマイズ
商品管理に、ヨメレバ、カエレバ、Rinker etc. を一通り試してみましたが、 現在は利便性を優先し、「もしもアフィリエイト」の「かんたんリンク」を利用しています。 もしもアフィリエイトの「かんたんリンク」について この「かんたんリンク」では、商品を検索し、選択して出てきたコードを貼り付けるだけで、 Amazon 楽天 Yahoo! の3社のリンクを1つのブログカードとして表示させることが可能 […]
hタグの使い分け
このブログを初めた頃は、 HTMLの事もよくわからず、手探りで記事を書いていました。 「見出しにhタグを使う」 というのは何度か目にしていましたが、 初期の頃は、大きさや形を変えて見栄えを良くする事に使っていた事もありました。 最近SEOを考える機会が増えたので、 これを機に、過去ごちゃごちゃと使っていたhタグを整理しました。 hタグ（見出しタグ）とは hタグ（見出しタ […]
Google Search Console：間違えたサイトマップのURLを削除
Google Search Consoleから、カバレッジ問題を指摘され、修復。 サイトマップを送信しようとしたら、URLを間違えた。 でも、どうやって削除するのかわからない… と、ゆーことで、削除の方法↓ 間違えたSitemapsのURLの削除方法 1. Google Search Console -> Sitemaps -> Submitted sitemapsで、間 […]
固定ページにウィジェット追加（プラグインなし）
固定ページにも、フロントページや投稿ページのようにウィジェットのサイドバーを追加したい時。 1-1. 管理画面 > 外観 > テーマエディタ > 子テーマを選択 1-2. page.phpに下記追加 <?<?php /** * Template Name: Page with Sidebar * */ add_filter('body_class','m […]
カテゴリー一覧：左にサムネイル、右に抜粋記事
以前、アイコン付きのカテゴリー出力方を記載した ▼ 今回は、カテゴリーをクリックした時に、 左側にサムネイル画像 右側に抜粋記事 丸みを帯びた長方形で囲む といったデザインにする方法をメモっておく。 扱うのは、下記３つ。 content-excerpt.php function-php css 左側にサムネイル画像を挿入 content-excerpt.phpの子テーマを作っておく （Xserve […]
パンくずリスト（プラグイン）
プラグインでパンくずリストを追加する。 使用しているのは、「Breadcrumb NavXT」というプラグイン。 Breadcrumb NavXTの使い方 １．Breadcrumb NavXTのインストール 1-1. 管理画面 → プラグイン → 新規追加 → Breadcrumb NavXtで検索 1-2. インストール → 有効化 2. Breadcrub NavX […]