カスタムフィールドを使ってnoindexとnofollowを設定
私は今まで、「All in One SEO」というプラグインで個別の noindex と nofollow 属性の設定を行っていたのですが、 プラグインをアップデートしたら、「AIOSEO」に刷新され、 個別記事の「noindex」と「nofollow」を選択する項目が見当たらなくなってしまいました。 「困ったなー」と思って調べると、 WordPress の既存の機能で noinde […]
CATEGORY
Web / Wordpress
Google Adsenseの利用停止処分：アドセンス狩り
ある日、Google AdSenseを開いたら、 “Your account is temporarily suspended – as a result of this suspension, ad serving is disabled.” （あなたのサイト、停止しました。） という掲示がされていて、驚きました。 Account Policy Center […]
関連コンテンツユニットの利用
Google Adsenseの関連コンテンツユニットとは、Goggleが提供する機能レコメンド機能の事です。 ページに関連コンテンツユニットを設置すると、 Googleが関連したページをイメージ付で紹介してくれ、その間に関連広告が挿入される形になります。 この機能を利用すると、 Googleが提供する高性能なレコメンド機能が無料で利用できる ネイティブ広告としてコンテンツに馴染む形で […]
ある記事のno indexを解除してから元に戻るまで
私は、メインドメインとサブドメインの２個のサイトを作っていて、過去記事にいくつか重複するものがあったので、片方にnoindexを設定していました。 そしてある日、Google Search Consoleから知らせが届きます。 Coverage issue: Error Submitted URL marked ‘noindex’ みると、ある重複記事でnoindexに […]
フロントページを固定記事にし、カテゴリー別で新着記事一覧：WP Show Posts
以前、固定ページに新着記事一覧を載せるプラグインとして、「List Category Posts」を紹介したが（こちら）、このサイトでは別のプラグインに乗り換えたので、そちらを紹介。 現在、このサイトで使用しているのは「WP Show Posts」というプラグイン。 Show Postsの設定 プラグインをインストール → 有効化 管理画面 → WP Show Posts → リストを新規作成 投 […]
複数行やタグを一括で置換：Search Regex
以前、全記事に手動で貼っていたGoogle Adsenseのコードを、プラグインを使った挿入に切り替えたのですが、 その時、今まで貼っていた「複数行」のコードを一括で置換・削除する必要があったので、その時行った方法を記録しておきます。 文字の置換については、以前「Better Search Console」というプラグインを紹介しました。 …が、こちらは複数行の置換・削除には対応して […]
【Ad Inserterで簡単に広告表示管理】Googleアドセンスの挿入 (AMP／関連コンテンツ)、特定の記事下に関連記事リストを挿入する方法も
私は最初の頃、Googleアドセンスの広告は記事に直接貼り付けていました。 理由は、Google AdSenseの自動広告を利用すると、必要以上に広告挿入部位が多くなってしまったり、意図しない部位に挿入されたりと、ちょっと使い勝手が悪かったからです。 一応、「ここにはやめてね。」と10箇所までは指定できるのですが、「これ以上はムリ」と拒否られ、 「記事の量とかに合わせて自分でカスタマイズしたほうが […]
Rinkerで商品管理
商品管理は「Rinker」か「カエレバ」が使いやすいと聞き、 検討の末、「Rinker」を導入することに。 以下、使い方▼ プラグインのインストール 公式サイトから「Rinker」のダウンロード（無料） アカウントを持っていない場合は、pisiv IDを作成 ZIPファイルのままWordPressのプラグインへアップロード プラグイン＞新規追加＞プラグインのアップロード ZIPファイルを選択し、 […]
タグを一括編集
新しいタグを、そのキーワードを踏む投稿全てに一括で追加したい場合。 1. 追加したいタグの名称で検索 1-1. 投稿＞投稿一覧＞検索 1-2. もし、全ての検索結果が１ページに表示されない場合は、右上の「表示オプション」タブを押し、ページごとに表示する項目数を検索結果数に変更して再度検索。 2. リストした投稿を一括編集 2-1. タイトル横のチェックボタンをクリックして、全選択。 2-2. 一括 […]
画像の遅延読み込み（Lazy Load）
地道にサイトの高速化実施中。 今回取り組んだのは、画像の遅延読み込み「Lazy Load」。 プラグインで。 Lazy Loadのプラグインは色々あるが、今回は 有効インストール数が多い 更新頻度が高い 現在使用中のSPバージョンと相互性がある 他サイトでの評価が高い 等の理由から、「Smush」というプラグインを導入した。 このプラグインは、全ての画像の圧縮＆最適化と遅延読み込みが […]
WordPress記事内の文字を一括で置換する
蓄積した記事内の特定の文字を一括で置換したい… という時に便利なプラグイン 「Better Search Replace」 Better Search Replaceの使い方 1. インストール → 有効化 2. 管理画面 → ツール → Better Search Replace 3．各項目を選択し、プレビュー 3-1. Search for 検索したい文字列。 3-2. Replace wit […]
固定記事にウィジェットを表示（プラグインで）
使用したのは、「Page Builder by SiteOrigin」というプラグイン。 Page Builder by SiteOriginの使い方 1. インストール → 有効化 2. 投稿画面に「ページビルダー」というタブが現れるので、選択 3. 「列を追加」で、列の数、サイズをカスタマイズ可能 4. 「ウィジェットを追加」で、任意の列にウィジェットを入れていく 5. 「公開」 […]
投稿者名を非表示に
セキュリティー上、個人ブログの投稿者名は非表示にしておいた方が良い… という事で、今までは「Show and Hide Author」というプラグインを使っていましたが、プラグインなしでも簡単にできそうだったので、やってみました。 投稿記事の投稿者名を非表示に 1. 管理画面 → 外観 → テーマエディター 2. 投稿者名は、「function.php」の中で、下記のように設定されている。 fun […]
noindex / nofollow / sponsored / ugc …どうする？
SEO対策で noindex／nofollow／sponsored／ugc の設定をちゃんとした方がいい… ということで、 内容をまとめました。 そもそも私のブログは自分用の要素が強いので、 SEO対策は最重要項目ではないはずなのですが… ただ、ブログを書く上での方法を色々調べていると、 高頻度で「SEO対策」という言葉に出会います。 「やっぱり私も色々し […]
特定のカテゴリーだけフロントページ／メニュー／ウェジェットに表示しない
自分の備忘録的にさらっと読んだだけの論文とか、PC効率化、Worepress備忘録を記事で残しておきたい。 でも、それを全部フロントページに表示していたら、他の記事が押されて、それらの記事でフロントページが埋め尽くされてしまう… そんな自分用記事etc.をフロントページに表示しない方法。 ついでに、メニュー欄やウェジェットに表示しない方法も。 フロントページに特定のカテゴリーを表示しない 使用して […]
カテゴリーを一括変更
カテゴリーを整理したい時に。 １．カテゴリーの追加 1. 投稿 → 投稿一覧 → 編集したい記事を絞り込んでチェックを入れる 2. 上のプルダウンから「編集」を選び、「適用」 3. 一括編集画面が開く → 追加したいカテゴリーにチェックを入れ、「更新」 4. 選択した記事にカテゴリーが追加される ２．カテゴリーの変更／削除 上記の方法で可能なのは「追加」のみ。 「変更」や「削除」はプラグインを使 […]
Javascriptファイルをフッター行に移動
地道にサイトスピード改善取組中。 今回試したのは、「JavaScript to Footer」 Webページの読み込みはHTMLの上部から行われるので、HTMLの記述の最初の方にJavascriptファイルがたくさんあると、その読み込みに時間がかかり、ページの表示速度が遅くなる。 そこで、このプラグインをつかって、Javascriptファイルをヘッダー行か […]
特殊文字の表記方法
< や ¥ などの特定の文字や記号は、ブログのシステムやブラウザ側で処理され、表示されなかったり文字化けしてしまう場合がある。 大体はコードと区別がつかなくなることによって起こる。 これを避けるため、特殊文字は別の文字の組み合わせで表すようにする。 文字・記号 読み方 特殊文字(文字表記) 特殊文字(数値表記) < 小なり < < > 大なり &am […]
TwentySeventeenの記事横幅を拡大
私の使っているテーマはTwentySeventeenですが、横幅がちょっと小さめなのが気になっていました。 これに関して、投稿している記事は多く、 「みんな結構気になっているんだなー」 と、一人納得。 以下、横幅拡大の方法。 追加CSSに下記挿入 /* TwentySeventtenの最大幅を1200pxに変更 */ @media screen and (min-width: 79e […]
勝手に改行etc.のタグを消されてしまう事への対処法
意図的に改行していた部分やアンカータグ等が、 テキストエディタ → ビジュアルエディタ → テキストエディタと切り替えた途端、なかったことになっている事が多々ある。 以下、対策法のまとめ WordPressの自動整形について どうやら、WordPressが正しいコードになるように自動整形してくれているのが原因のよう。 2回以上の連続した改行 → 自動で1回の改行に 行の始め、行の終わりにある空白 […]
投稿記事にカテゴリーを出力する
記事の一覧ページに、下記のようなカテゴリー名（親カテゴリー/子カテゴリー）を、リンク付き＆アイコン付きで表示したい場合の覚え書き ▼ content.php を編集 一覧ページは、「content.php」を編集する。 1. 外観 → テーマエディター 2. 子テーマを選択し、 3. template-parts → post → content.php 投稿のカテゴリーをリンク付きで出力す […]
AddToAny Share ButtonsでFacebookの「いいね」ボタンが出てこない
SNSシェアボタンに「AddToAny Share Buttons」を使用中。 設定では、 Facebookの「Like」とTwitterの「Tweet」ボタンを表示させるようにしているのだけれど、 PCのプレビュー画面ではでてこない。 （シェアボタンは普通にでてくる。） 個人的には、「シェア」より「いいね」の方が敷居が低いので、 できれば「いいね」ボタン […]
WP-Popular Postでサムネイル画像が一部表示されない
私は、よく読まれている記事を一覧表示にしてウィジェットに表示させています。 使っているプラグインはWordPress Popular Postです。 今回、このPopular Post記事一覧で一部サムネイル画像が表示されなくなりました。 調べてみると、どうやらキャッシュの問題のよう。 以下、改善方法 ▼ 1. 設定 → WordPress Popular Post 2. 画面上 […]
過大なDOMサイズの回避
PageSpeed Insights で、低成績を目の当たりにし、環境改善中。 今回は、「過大なDOMサイズの回避」に挑戦。 過大な DOM サイズの回避 DOMサイズは、html タグの階層や深さの事。 850 要素あたりが警告上限で、1,500 要素以上になるとアウトのようだが、 私の場合は一時期 3,426 まで増えていた。 「Avoid an excessive DOM si […]
第三者コードの影響を抑える
PageSpeed Insights で、低成績を目の当たりにし、環境改善中。 今回は、「第三者コードの影響を抑える」に挑戦。 第三者コードの影響を抑える 指摘された「第三者コード」は下記。 Google/Doubleclick Ads (Google Adsense) Facebook Google Analytics Google Tag Manager） この中で、一番影響が大きいのが、「G […]
キャッシュ改善
サーバー上で事前にページを生成し、キャッシュとして保存しておくことで、表示速度を改善することができる。 今回、WP Fastest Cacheを使用した。 WP Fastest Cache Optionsの使い方 1. 必ずバックアップ 2．WP Fastest Cache Optionsのインストール → 有効化 3. 設定 下記の通り ↓ モバイルは、時々不都合を起こすことがある […]
WordPressに溜まったゴミデータの削除
PageSpeed Insightsで検証し、かなりUser-unfriendlyなサイトになっている事が判明し（こちら）、対策中。 対策１：レンダリングを妨げるリソースの除外（こちら） 対策２：画像サイズの縮小（こちら） 対策の３番めは、 「WordPressに溜まったゴミデータの削除」 を試みる。 ゴミデータとは、 リビジョン（記事の下書きや更新前デー […]
EWWW Image Optimizerで画像圧縮と次世代画像フォーマット変換
PageSpeed Insightsで検証した結果、かなりUser-unfriendlyなサイトになっている事が判明（こちら）。 対策１は、レンダリングを妨げるリソースの除外に挑戦し、ある程度効果が得られた（こちら）。 対策２として、次は画像サイズの縮小を検討。 画像サイズの縮小について 私は元々Photoshopで解像度を変更し、圧縮保存して、それぞれの画像を50kb […]
【WordPress】レンダリングを妨げるリソースの除外：PageSpeed Insightsのスコア改善
PageSpeed Insights で低成績を目の当たりにしてから環境改善に向けて舵を切り、100点 まで改善しました。 以下は、個人的に試行錯誤した内容の覚え書きと、その後プロの人に改善してもらった項目について記載、「レンダリングを妨げるリソースの除外」編。 「レンダリング」と「レンダリングを妨げるリソース」とは 「レンダリング」とは レンダリング（Rendering）とは、サーバーから受け取 […]
PageSpeed Insightsでのサイトスピードチェックおよびサイトスピード改善に向けての対策
Google Site Kitが、 「あなたのサイト、モバイルではかなり遅いですよ。」 と教えてくれた。 世の中はモバイル重視なので、ここが遅いのは致命的。 とゆーわけで、PageSpeed Insightsで調べてみる。 なぬ……モバイルのサイトパフォーマンスが17、デスクトップは56……。 メインのサイトもモバイルは34、デスクトップは60と、かなり低い。 ラボデー […]
バックグランド更新が想定通りに動作していません
ダッシュボードからサイトヘルスステータスをチェックしたら、 「改善が必要」 との事。 具体的には、 使用していないテーマを削除 使用していないプラグインの削除 サーバーのPHPのVer.を最新のものに更新 を勧められ、一つずつ対応。 具体的に行動する前に、 サイトのバックアップ WordPress本体、テーマ、プラグインのアップデート PHPの互換性チェック PHP互 […]
蛍光ペン風なマーカーのCSS
例えば、こんな感じに文字を装飾したい場合。 「黄色の蛍光ペン」 CSSにコードを追加 外観 → テーマエディター → 付随のCSSエディターを開く。 CSSを追加。 例えば、黄色で、テキストの半分をハイライトするようなマーカーを作りたい場合 ↓ .marker-yellow{ background: linear-gradient(transparent 40%, #ffffcc 40%);} 黄 […]
アンカーリンク（ページ内／別ページ）
タイトルが複数ある記事等、クリックで目的の場所まで移動させたいとき、アンカータグ<aタグ>を使用する。 ページ内のアンカーリンク 移動先（アンカー）にアンカーポイントを挿入 <a id=○○>移動先にある文章</a> ＜○○の部分の注意点＞ 1つのIDは同じ文書内で1ヵ所にだけ（重複させてはならない） 使用できる文字は下記のみ（記号はハイフン以外使わない方が無難 […]
Youtubeの埋め込みを高速化
サイトスピードの向上のため、Youtubeの埋め込みを高速化する。 １．記事の一番前に下記コードを貼り付け Javascriptコード <script> function init() { var vidDefer = document.getElementsByTagName('iframe'); for (var i=0; i<vidDefer.length; i++) { […]
忽然と消えた記事の復元（バックアップなしの状態で）
朝起きると、昨日書いた記事が消えてました ┣¨━━━━(llﾟДﾟll)━━━━ﾝ!! ゴミ箱にも下書きにもない・・・記事書いてなかったのかな？ いや、書いて公開したはず・・・でもない。 バックアップは週一なので動いていない・・・ もう一回書き直さないとか…ゥヮ───｡ﾟ(｡pдq｡)ﾟ｡───ﾝ!! ・・・と、思いましたが、 念の為調べた所 […]
日時の非表示
１．全ての日付を非表示にする場合 ダッシュボード → 設定 → 一般 → 日付と時刻のフォーマットの部分を空欄に。 「変更を保存」をクリックし、終了。 ２．トップページの日付を非表示にする場合 ダッシュボード → 外観 → テーマエディター → メインインデックスのテンプレート（index.php） 変更前： newposts_keni($new_info_rows,1,1,"year",0,th […]