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

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

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

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

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

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

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

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

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

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

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

BloggerでCloudflareを使用する

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

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

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

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

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

SyntaxHighlighterの読込みを最適化する

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

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

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

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

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

Bloggerの空テンプレートを作成する

Thumbnail
Bloggerの自作テンプレート作成に向けての第一歩です。 空テンプレート Bloggerテンプレートの最小構成です。 空テンプレートの基準は以下の通りです。詳しくは参考の資料を参照してください。 <b:skin> を含む <b:section> を含む ...

画像のないimgタグのSEO対策

Thumbnail
画像のない <img> のSEO対策です。 問題 画像のない <img> を配置して、alt属性がないと警告を受ける。画像には、alt属性を付けましょう…。 だが、alt属性をを付けるとalt属性の文字列が表示されてしまう。alt属性の文字列が画面上に表示...