スキップしてメイン コンテンツに移動

些細な日常

ラベル(訪問者)が付いた投稿を表示しています

すべて表示

アナリティクスのTotal Blocking Timeを0にする方法

イメージ

アナリティクスのソースコードを指定通り、サイトのheadタグの直前に記載するとサイトのパフォーマンスが低下する。必ずしも大きな影響はないかも知れないけれども例えば WebPageTest のCore Web Vitals(Googleのサイト評価の基準の一つ)のテストで調べるとアナリティクスの「www.googletagmanager.com」の読み込みのTotal Blocking Timeが、255ms/0.255s、発生していた。サイトのパフォーマンスとして気がかりなくらい大きい。 アナリティクスのTotal Blocking Timeは不味い Total Blocking Timeとはサイトが完全に表示されてからインタラクティブになるまでの時間、サイトのボタンなどが固まらず、ちゃんと使えるようになるまでどのくらい待たされるかを示している。 Core Web Vitalsが依拠するLight…

Bloggerの投稿のWebP画像の提供の設定の利点と欠点

イメージ

Bloggerに非常に素晴らしい機能が追加された。投稿のWebP画像の提供が管理画面の設定から簡単に使えるようになった。画像ありの記事の表示速度の高速化に繋がって快適さが増す。 設定| Blogger 僕は自分のプログラムで、以前から 投稿のWebP画像の提供を自動化 していた。Bloggerの公式のものが完璧ならば余計なプログラムは外したいと思って調べた。すると欠点があることが分かって取り替えることは止めた。記事の表示速度を遅くするという逆効果を与えるものなので、できるかぎり、避けて使うようにした方が良いと思う。 関連ページ Bloggerの投稿画像の遅延読み込みの設定の利点と欠点 BloggerのWebP画像の提供の設定 Bloggerの管理画面の設定の投稿に「WebP画像の提供」のスイッチが付いている。 WebP を使用して投稿の画像を提供します 設定|Blogger 記事/追加ページの画像ファイルが軽量…

Bloggerの投稿画像の遅延読み込みの設定の利点と欠点

イメージ

Bloggerに非常に素晴らしい機能が追加された。投稿画像の遅延読み込みが管理画面の設定から簡単に使えるようになった。画像ありの記事の表示速度の高速化に繋がって快適さが増す。 設定| Blogger 僕は自分のプログラムで、以前から 投稿画像の遅延読み込みの自動化 を行っていた。Bloggerの公式のものが完璧ならば余計なプログラムは外したいと思って調べた。すると少し欠点があることが分かって取り替えることは止めた。酷くて必ず避けなくてはならないようなものではないけれども使う場合は気に留めた方が良いと思う。 関連ページ Bloggerの投稿のWebP画像の提供の設定の利点と欠点 Bloggerの画像の遅延読み込みの設定 Bloggerの管理画面の設定の投稿に「画像の遅延読み込み」のスイッチが付いている。 ユーザーがページを下にスクロールするタイミングに合わせて、画像を個々に読み込みます 設定|Blogger 記事…

サイトのCLSがJavaScriptで後から挿入するコンテンツによって上昇するのを防ぐにはどうするか

イメージ

サイトのHTMLに最初から記載されてないコンテンツを後からJavaScriptで挿入するとそのときにページが新しいスペースを取られて動いてしまう。初回画面だと既存のコンテンツが押し下げられるのが、一瞬、見えたりもするけど、これがサイトのCLS(Cumulative Layout Shift/累積的な配置の変動)を上げて使い難くなる。 指標|PageSpeed Insights| Google Developers 良くあるのが押そうとしたボタンがサイトの読み込み中に動いて押せなくなってしまうことだ。 訪問者に良い印象を与えないのはもちろんだけど、さらにGoogleのサイトの検索状況のSearch Consoleや性能計測のPageSpeed Insightsでも警告が出されるので、 検索エンジンからアクセスアップを望む 上でもCLSの上昇に注意しなくてはならない。 普通の回避策としては新しいコンテンツ…

HTMLのemとstrongとiとbの使い分けについて

イメージ

サイト作成でHTMLのemとstrongはHTML5/Living Standardで強調と重要性の違いがあるもののどちらも使い方が似ていて分かり辛い。そして初期のデザインが斜体と太字なのがそれぞれにiとbと同じなので、見た目からどちらを使っても良いのかと混乱してしまう。 em/強調タグとは何か strong/重要性タグとは何か i/斜体タグとは何か b/太字タグとは何か 紛らわしい四つのタグの意味をしっかり捉えて的確に使い分けができるようにしたい。 em/強調タグとは何か HTMLのemタグのemはemphasis/強調の冒頭の二文字で、コンテンツの強調を表すために使われる。 em要素は、要素のコンテンツの強調を表す。 コンテンツの特定部分が持つ強調のレベルは、祖先のem要素の数によって与えられる。 強調の設置は、文の意味を変更する。このように要素は、コンテンツの不可欠な部位を形成する。強調が使用される正…

個人サイトのアドセンスのプライバシーポリシーの基本部分の設置について

イメージ

サイト広告の アドセンス を使う場合には様々な規約違反を防がなくてはならない。ペナルティーから一度でもライセンスを失うと取り戻せなくなるかも知れない。サイトにアドセンスのサイト広告を載せたら利用規約やプログラムポリシーに細心の注意を払って運営するのが大切だ。 アドセンスの様々な規約違反の中にプライバシーの項目が含まれている。サイトに載せたサイト広告での訪問者の個人情報の取り扱いについてプライバシーポリシー/個人情報保護方針を設置する必要がある。 サイトにアドセンスのプライバシーポリシーをどのように設置するかの方法には法律が影響するし、個人サイトと法人サイトで記述は幾らか変わると思う。欠かせないアドセンスのプライバシーポリシーの基本部分は同じにせよ、概して後者は前者よりも商取引での制限が社会的にさらに加えられるだろう。 僕は個人サイトを運営しているので、アドセンスのプライバシーポリシーの基本部分をし…

個人サイトのアナリティクスのプライバシーポリシーの基本部分の設置について

イメージ

Googleの無料サービスでアクセス解析の アナリティクス をサイトのホームページやブログに使う場合にはプライバシーポリシーを同時に設置するように利用規約で定められている。 法律が影響するから個人サイトと法人サイトで、プライバシーポリシーの捉え方が幾らか変わる。基本部分は同じで――アナリティクスの 利用規約 のプライバシーに示される以外ではない――記述では前者よりも後者に社会的な制限が強い部分が商取引に関連する法律に応じて付け加えられそうだ。僕は個人サイトをやっているからアナリティクスのプライバシーポリシーの基本部分を覚えてサイト運営に取り入れたい。 目次 アクセス解析の個人情報保護の必要性 アナリティクスの利用規約のプライバシー サイトのプライバシーポリシーの設置 アナリティクス用の一般的な記述例 広告向け機能の追加項目の記述例 EUユーザーの同意ポリシーへの対応 アクセス解析の個人情報保護の必要性 サイトで訪問…

アドセンスの関連コンテンツユニットの使用条件と設定方法とカスタマイズ

イメージ

ブログで待ちに待った瞬間が訪れた。というのも アドセンス の関連コンテンツユニットが開放されて使えるようになったためだ。管理画面を覗くと不意に関連コンテンツユニットをサイトに取り入れるヒントが表示されていた。使えないのにおかしいと怪しみながら広告の設定の広告ユニットから「+新しい広告ユニット」を押すと以前は欠けていた部分が埋まっているのを初めて知った。 追記:2022年3月1日以降は関連コンテンツは廃止されて広告表示のみのMultiplex広告に置き換えられることになった( 関連コンテンツに関する重要な変更 )。 Multiplex広告に使用条件はなくてAdSenseが使用可能な全てのサイトで表示して収益化することができる。 デザインは 従来の関連コンテンツと同じようにカスタマイズできる はずだけれども所有サイトでやってみると全く反映しなかったから他のサイトでも難しいかも知れない。 AdSenseの管理画面…

あんちゃがまじまじぱーてぃーで月間500000pvを叩き出すテクニックを探れ

イメージ

人気ブロガーは知らない人は、全然、知らない存在の世の中が本当ではないかと思う。 僕は見付けるまでいつも結構な時間を要する。もしかするとインターネットが日常生活に嵌まり過ぎる余り、気持ちの注目度は本来よりも低いせいだから敢えて掴み取る努力も必要なんだろう、画面の向こう側を。色んな人がいるし、様々なものが転がって諸々なことが起こっている。 ロシアのフェイクニュース などから情報は鵜呑みにできないくらい怪しいと直ぐに分かる昨今にせよ、一旦、あり得ると認めた際には驚きつつもさほど気に留めようとしてないから記憶から外されてしまいがちなんだ。 どんな対象でも当たり前ではなく、やって来ているかぎり、人は経験からもはや親身に覚えるためには意を決して向き合わなくてはならない。 まじまじぱーてぃー というブログが凄い。月間500000pvを叩き出しているらしくて訪問毎の回遊率をおよそ1.5倍としても一日一万人以上を得て…

無料ブログから独自ドメインへ移転して一ヵ月でアクセスは殆ど回復して来た

イメージ

Googleでのブログの一日の表示回数が千五百回を越えてクリック数が百回を越えるようになって来た。 独自ドメインを導入して 無料ブログから移転して一ヵ月を過ぎた段階で少なくともGoogleからのアクセスは以前と同じくらいにまで、即ち殆ど回復して来たといって良いと思う。 検索パフォーマンス| Search Console | Google Search Consoleの水色のグラフが表示回数で、青色のグラフがクリック数だけれどもブログのGoogleでの状況を確認しながらほっこり笑うのももはや吝かではない。 振り返るとおよそ一週間か十日毎にずんずんブログのGoogleでのサイト評価が上がっているようだ。情報では二ヵ月後からアクセスが倍増して行く人といわれるサイトの独自ドメインへの移転/アドレス変更なので、最も注目される状況はもう少し先だけれども途中経過として一旦は落ちながら又回復するのは一ヵ月後らしいから普…

体力を取り戻してブロガーしか生きる道はないんだと命懸けの思いで又頑張るよ

イメージ

昨日は治りかけていた寒暖差アレルギーが振り返し捲って嚔と鼻水が止まらなくて大変だった。ちょっと前に寒かったせいだろう、雨で。少しずつ暑くなって来て寝苦しいから寝巻きの下半分だけ薄物にしてから暫くして毛布を外すべきだと気付いて被るのを布団だけにしたんだ。何となく寒いから変えた寝巻きの下半分を冬物に戻すべきだと考えたものの 鼻呼吸と握力で体温を上げるように 新たに生活を改善し始めたから大丈夫ではないかとそのままにしていたら予想以上に気温が下がって耐えられなかったみたいだ。寝巻きを完全に冬物に戻した頃にはもう遅くて嚔と鼻水がどうしようもないと同時に体力も大きく奪われてしまった。 しかし又落ち着いて来た。今朝は数えるほどしか嚔はしないし、鼻水も甚だしく垂らしはしてない。助かったとしかいえなくて笑う。 本当に辛いから寒暖差アレルギーは何としても避けなくてはならないと思うよ 年々とかかり易くなっているというか…

幸せの良さはインパクトが物凄く大きいために人々の印象にも残り易いと考える

イメージ

ブログのヘッダーの背景画像を変更した。無料素材の クリスティン・フォークトの写真 を使っている。 Pexelsで見付けるや否や本当に素晴らしく気に入ってしまった A woman in snowflakes by Kristin Vogt / Pexels 雪の中で紺色のコートを着た女性の写真がシリーズで幾つかあるけど、とにかく 運命の恋を感じさせる ところが抜群に惹かれる。 二人の絆が容易く想像できる物語調の仕上がりで、思いの強さ、気持ちの真面目さ、情熱の大きさなど、受け取ったら手放せないほどの心の繋がりが反映しているように見える。 使ってみたらファッション雑誌みたいな相当にお洒落な乗りが出て来て訪問者によって好き嫌いが分かれそうだ。ブログの記事は必ずしもファッション雑誌みたいなイメージではないので、雰囲気が合わないと不味いと危惧されるけれどもどうだろう。詩的には間違いなく当て嵌まり得るし、僕がブロガーで…

Instagramの埋め込みコードがバージョン8で非常に軽量化されて使い易くなった

イメージ

ブログの記事に Instagram の写真や動画を埋め込みコードを使って載せようとするとそれ自体が長くてびっくりするけれどもJavaScriptも付いていて読み込み時間が延びるのが懸念される。 マークアップの <script> と </script> の囲みで、コンピューターのプログラムだからブラウザにとっては通常の場合よりも余計に計算しなくては内容がサイトに反映しない。 しかしバージョンアップで8(埋め込みコードの冒頭付近に「data-instgrm-version="8"」と載っている)に変わってからInstagramの埋め込みコードのJavaScriptが非常に軽量化されたようだ。 外部ファイルなので、手元に取り込んで調べてみるとたったの8.23KBしかなくなっている。日本語で換算すると四千文字くらいに相当するけれども以前のバージョン7の60.85KBと比…

サイトのSEO対策のタイトルの文字数は三十文字前後がオススメなんだ

イメージ

ホームページやブログの検索エンジンでのサイト評価を上げてアクセスアップを図るためには キーワードを入れてタイトルを付けるのが大切 だけれどもどのくらいの文字数が良いのかも考えておきたくなる。 Googleが提起するBloggerのSEO対策への助言を参考にする タイトルは半角 60 文字(全角 30 文字)前後にする(短い簡潔なタイトルは読みやすく、末尾の切り詰めも防ぎます)。 検索エンジンでブログを見つけてもらいやすくする| Blogger ヘルプ |Blogger 信憑性が高いと思う。BloggerヘルプのSEO対策への助言で、最大手の検索エンジンの Google が提供していて世界で最も利用者の多いブログサービスの一つなのが真実味を著しく与える。検索結果やブログのアクセスの何れも正しくビッグデータに裏打ちされたサイトの検索エンジンからのアクセスアップの並外れた専門家の意見として殊更に重視して然るべきで…

Googleは見出しを多用するサイトを好むからやはりSEO対策に取り入れるべきだ

イメージ

人気のキーワードで検索結果の上位に掲載されないとサイトのアクセスアップは時間がかかる。どうすれば良いのか。Google検索を研究するためのフィールドワーク(現地調査)として実際の検索結果を調べるのはとても大事な作業の一つなので、やってみると見出しを多用したサイトが好かれていて検索結果の上位を占めていると気付いたんだ。 人々の検索数が少ないキーワードだと本文ばかりのサイトでも有利だけど、ところが人気のキーワードで爆発的なアクセスを得ているサイトは見出しを多用している。 数え切れないほどの競合サイトが犇めき合った検索結果の激戦区を勝ち上がっているサイトは検索エンジンでのサイト評価が素晴らしく高いのは間違いない。 Googleでは 高品質なコンテンツとページランク(外部サイトからのリンク)が二大要因 だから何れも満たしているのは当たり前だし、サイトのSEO(検索エンジン最適化)対策は タイトルにキーワード …

人気のBloggerブログは専門性とオリジナリティーの高い記事で盛り上がっている

イメージ

Bloggerブログで一日千人以上のアクセスを得ているブロガーを何人か見付けて来た。最高では一日数万人くらいまで達成しているので、もしかしたらもっと人気のブロガーもいなくはなさそうだ。 一日十万人近くのアクセスを得る のは不可能ではないと想像してしまう。 僕も頑張れば同じBloggerブログの些細な日常でアクセスアップはきっと大丈夫だと本当に励みになる。そして訪問者が一日千人という羨ましい気持ちからは何が良くて盛り上がるのかを見習いたくもなるよ。 専門性とオリジナリティーが高いと人気だ 個人的に耳が痛いし、雑記ブログとは対極的な運営だけど、一つのテーマに特化したBloggerブログが概して一日千人以上のアクセスを得ている越ているようだ。 長文で事細かな内容 を持ったそれぞれに関連性のある記事を幾つも載せているんだ。全体的に捉えて専門性が高いとしかいいようがないけど、しかもブロガーの独自の認識を著しく示…

コンテンツSEOの核心はキーワードへの情報を的確に載せておくサイト作成だ

イメージ

Bloggerブログでトップと記事/追加とアーカイブとラベルのページタイトルを変更するソースコード

イメージ

Bloggerブログのページタイトルの変更、またはtitleタグのカスタマイズはトップと記事/追加とアーカイブとラベルの四種類に分かれている。テンプレートが公式テーマだと 2017年のContempoなど からそれぞれのHTMLのタイトルの出力が変わっている。使われる独自タグが違うためで、 前以て注意しておかなくてはならない。 目次 新しいタイトルの独自タグと表示 古いタイトルの独自タグと表示 トップページとその他に振り分けた際のページ名の独自タグと表示 インデックスページとその他に振り分けた際の古いタイトルの独自タグと表示 ブログ名を日付やラベル名の前に付けて記事/追加名だけ順番を入れ換える 四種類に振り分けたページのタイトルの表示を個別に変更する 新しいタイトルの独自タグを使ったtitleタグの簡単なカスタマイズ titleタグのカスタマイズに使える振り分けの独自タグ 付録 ブログ内の検索結果ページに固有のタ…