ラベル「Blogger」の付いた投稿を表示しています。

Bloggerのブログ上部に「-->」が表示される

投稿日 2020/09/13 更新日 2020/09/25
thumbnail
目次 はじめに 発生条件 発生原因 暫定対応 最終対応 備考(ブログ下部に「-->」が表示される) 別解(HTMLのコメントアウト) はじめに お盆明けにサイト見に行ったら、サイト上部に見慣れぬ「-->」の文字がありました。直前のテーマ編集時になにか間違えたかと思い調...

ウェブに関する主な指標(LCP, FID, CLS)について

投稿日 2020/07/12 更新日 2021/03/26
thumbnail
2020年5月末に PageSpeed Insights の表示が更新されて「最大コンテンツの描画(LCP)」「初回入力遅延(FID)」「累積レイアウト変更(CLS)」を ウェブに関する主な指標 として表示するようになりました。勉強がてらに他の関連の指標も含めてユーザーエクスペリ...

BloggerのGoogleAdSenseでads.txtエラー対応

投稿日 2020/03/27
thumbnail
はじめに 今回の対象は、Bloggerの独自ドメインで運用していて、GoogleAdSenseの管理画面で次のようなエラーを表示している場合です。 「要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。」 「収益に重大な影響が出ないよう、a...

GoogleAnalyticsを遅延読み込みする

投稿日 2020/03/19 更新日 2021/04/06
thumbnail
はじめに GoogleAnalyticsの遅延読込みです。 analytics.js と ga() の設置処理を遅延処理します。遅延処理であるため、最後まで遅延した処理が呼び出されないことがあります。 onLazy.js は、最悪でも unload イベントで通知されます。ただし...

GoogleAppsScriptでブログ更新をping送信する

投稿日 2020/03/17
thumbnail
はじめに ブログ更新のping送信(更新通知サービス)は、検索エンジンなどのクローラーにブログの更新を見つけてもらうためのサービスです。現在では、GoogleやBingによって提供されているウェブマスターによってその目的の大部分の必要性はなくなっています。ですが、それ以外のロボッ...

Blogger用の関連記事表示機能:FeedRelatedPosts.js

投稿日 2020/03/16
thumbnail
はじめに Bloggerは、標準で関連記事の機能がありません。LinkWithin, Milliard, GoogleAdSenseなどの外部サービスを利用することで関連記事を表示することができます。ただし、外部サービスを利用すると関連記事が広告ブロッカーにブロックされたり、表示...

SyntaxHighlighter.jsからhighlight.jsへ移行しました

投稿日 2020/02/26 更新日 2020/10/06
thumbnail
はじめに 当ブログでは、ブログ上のソースコードをハイライト表示するライブラリを利用しています。ソースコードには、予約後や文字列、数値など予め予測できる書式が多数存在します。それらを指定の色や書体によりハイライト表示することで、ソースコードを読みやす表示しています。 これまで CD...

Bloggerのコメント欄を標準jsなしで返信可能にする

投稿日 2020/02/22 更新日 2020/02/25
thumbnail
はじめに Bloggerのコメント欄改善です。標準jsを読み込めば、返信(リプライ)できるようにできます。ですが、できるだけスクリプトを使用したくないため、自作して最小限のスクリプトで済ますようにします。 仕様 コメントをJavaScript無効で表示する...

BloggerでCloudflareを使用する

投稿日 2019/11/11 更新日 2020/02/12
thumbnail
前提 BloggerでClaudflareを使用するためには、Bloggerに独自ドメインを設定する必要があります。Bloggerのサブドメイン(例: blogspot.com )は、Claudflareを設定することはできません。 ページをキャッシュする ...

BloggerのBlogウィジェットをバージョン2にする

投稿日 2019/06/03 更新日 2020/10/30
thumbnail
BloggerのBlogウィジェットをバージョン2にする。 はじめに 元々使用してるテンプレートが、いわゆる旧テーマであったため、最終更新日を表示する data.lastUpdated タグが使用できなかった。更新日は、JavaScriptと data.lastUpdatedIS...

Bloggerのブログに実施したSEO対策

投稿日 2019/05/30 更新日 2021/04/11
thumbnail
Bloggerのブログに実施した。SEO対策の忘却録。 サイトマップの登録 Google Search Console にサイトマップを登録します。 投稿のサイトマップ https://example.blogspot.com/sitemap.xml ページのサイトマップ ht...

SyntaxHighlighterの読込みを最適化する

投稿日 2019/05/21 更新日 2020/06/24
thumbnail
SyntaxHighlighterの読込みを最小限にします。概要は次の通りです。 <pre> なしならば読み込まない 必要なブラシは、最低限読み込む 遅延読込みも合わせて更に高速化する 元ネタは、下記の記事です。不必要な強い同期処理を簡易なものに置き換えてます。その他...