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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

BloggerでCloudflareを使用する

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

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

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

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

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

SyntaxHighlighterの読込みを最適化する

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

初回ユーザイベントで発火する:onLazy.js

関数の遅延呼び出しです。loadイベント以降の、初回ユーザイベント後に発火します。各種遅延読み込みのトリガーとして利用することを想定しています。 仕様 lazy のカスタムイベントを発信します loadイベント以降の初回ユーザーイベントの後で発火します loadイベント以前にユー...

ウェブページのページ表示速度を高速化する

Bloggerの表示速度を高速化する からウェブページ共通の部分を分離しました。 ウェブページが早くなる(遅くなる)要素 HTML解析 HTMLファイルを解析して表示するページを作成します これが終わらないとページは表示されません これを最速で行うことが一番重要です レイアウト時...