画像のないimgタグのSEO対策
画像のない <img> のSEO対策です。 問題 画像のない <img> を配置して、alt属性がないと警告を受ける。画像には、alt属性を付けましょう…。 だが、alt属性をを付けるとalt属性の文字列が表示されてしまう。alt属性の文字列が画面上に表示...
FontAwesome を SVG で使用する【JavaScript なし】
はじめに 「FontAwesome を JavaScript なしで使用する方法」または、「FontAwesome の一部のアイコンを使用する方法」です。 JavaScript 無効環境で FontAwesome を使用したページを閲覧すると文字化けしたような表示になるのを目にし...
動的読込みのGoogleAdSense広告のブロックを判定する
Google AdSenseの遅延読込みでページ表示速度を改善 の記事で書いたスクリプトの追加機能です。 当ブログでは、関連記事をGoogleアドセンスの関連コンテンツに依存しています。そのため、広告をブロックされると関連記事が表示されず、ユーザのサイト内周遊に大きな問題が発生し...
GoogleAdSenseの遅延読込みでページ表示速度を改善
GoogleAdSenseの読込みの遅さを改善する。 問題点と目標 問題点 GoogleAdSenseは、JavaScript/画像/フォント/設定ファイルなどの複数データを読込むため、非常に低速です。そのため、広告を導入したページは、広告のないページに比べてページ表示速度が低速...
Bloggerの投稿とページについての忘却録
Blogger投稿とページ関連の忘却録です。 URL Blogger投稿のURL例 http://bugbugnow.blogspot.com/2019/04/blog-post.html http://bugbugnow.blogspot.com/yyyy/MM/blog-ti...
ブログカードジェネレータを作ってみた
完成品 ブログカードジェネレータ https://www.bugbugnow.net/p/app-blogcard-generator.html 機能 指定URLからOGP情報を取得する 指定の情報からブログカードを作成する サンプル ...
GoogleAppsScriptでお問い合わせフォームを作成する
GoogleAppsScriptでお問い合わせフォームを作成する。 概要 GoogleAppsScriptを使用して、自由な外観のお問い合わせフォームを作成する サーバレスでお問い合わせフォームを作成する お問い合わせフォームにはJavaScriptが不要 ただし、GoogleA...
怪しげなサイトの大量のトラフィックを調べてみた
怪しげなサイトから当サイトに大量のアクセスがあったので調べてみた。 状態 以下のサイトを参照元にするトラフィックが大量に発生する。 ただし、 /h/(数字列).html へのアクセスでページは存在しないため404エラーのページを表示している。しかも、流入してくるのは海外からのアク...
簡易にGoogleAnalyticsを使用する
本記事の対象者 少しでもサイトを高速化したい人 Google Tag Manager（gtag.js）を使いたくない人 Google Analytics（analytics.js）のサンプルコードが欲しい人 タグマネージャーを使用しない理由 タグマネージャー( gtag.js )...
Bloggerのコメント欄を改善する
この記事は、既に最新ではありません。最新の関連記事は、「 Blogger用の関連記事表示機能：FeedRelatedPosts.js 」を使用しています。 「 Bloggerに関連記事を表示する 」の続きです。 「A Simple Related Posts Widget For...