interest blog

サクッと読めるライトな記事に詰めた知識


SEO・ブログ関連-CSS・HTML

AMPコンテンツに無効なCSSを入れると、no indexでfinishな件。PV減少します。

コンテンツの表示速度を劇的に(通常の約4倍)早くする為、Googleとtwitterが共同開発したAMPプロジェクト。基本的にAMP表示のコンテンツにはCSSは入れない方が良いのだが、それではあまりにも殺風景なコンテンツしか表示されないので視覚的にツマラナイ。 …

ブログ画面に固定で「TOPへ戻る」ボタンを設置する方法。

当ブログのコンテンツメニューは前回、記事上部に設置しました。 www.interest-blog.com その為、記事を読み終わって一旦コンテンツ上部へ戻らないとメニューへたどり着けないという事になるので、他の記事への回遊率が悪くなると判断し今回、「サクッと」簡…

ブログのモバイル画面で、メニューをトグル表示!オシャレなCSSカスタマイズ

久しぶりの更新です。今回は、モバイル画面でのメニュー表示をイジってみたので備忘録がてらに記事にします。とは言っても私は自分であれこれCSSを駆使して自由にデザインを弄れる方ではないので、基本的に先人たちの知恵をコピペで完了スタイルですw

はてなブログ記事内の画像やサムネイル画像をオシャレな丸角にする方法

はてなブログで使用する画像の角を取っ払って丸く優しいイメージにしたい!との思いから、先人達の知恵をグーグル様で検索にかけて発見したので備忘録として残しておきます。

【CSS】ソーシャルボタンをカスタマイズしてオシャレなボタンを設置してみた!デフォルトのボタンを非表示にする方法

いつもみているソーシャルボタンをオシャレにカスタマイズしたので、その備忘録として参考にしたブログ記事と詳しい内容を書いていきます。コピペで出来る簡単設定です。 先人達に感謝です。

記事下とスマホのページ下部はてなID(プロフィール)を消す(非表示)方法

はてなID非表示の方法 記事下のはてなIDを非表示にする方法を折角調べたので、忘れっぽい自分の為に備忘録がてらにメモっておきます。 この部分です。

【CSS・HTML】はてなブログ記事を「noindex」。不要な記事を削除してSEOにも効果あり

4/24日、私が運営している別のブログで、特定の記事をグーグル等の検索エンジンの検索結果にインデックスさせないようにすることが出来る、「noindex」を記事に挿入して、実際に検索結果から消えるのか実験しました。

【CSS】はてなブログでデザインされた見出し(hタグ)をモバイル表示させてみた。

モバイルでデザインしたhタグを表示させる方法 はてなブログはPCで閲覧した場合には、そのテーマで設定されているhタグが表示されますが、モバイル(ケータイ・スマホ)で閲覧した場合には文字が大きくなっただけで味気ないデザインでしか表示されません。…

【アドセンス】はてなブログで広告表示位置を簡単カスタマイズ!コードが載ってるブログ紹介

はてなブログでアドセンス広告の表示位置をカスタマイズする方法 はてなブログではアドセンス等の広告を、ヘッダー・フッター・サイドバー・記事上・記事下の5か所に掲載出来ます。 最近ではプログラマーやプログラミング知識が豊富な方々のおかげで、様々…

【SEO内部対策】パンくずリストをはてなブログで設置

簡単にパンくずリストを設置する方法 パンくずリストを設置しました。はてなブログではパンくずリストの設定が無く、諦めていたのですが、あるブログを発見し実装することができました。これにより、SEO的にも内部構造が整理され検索エンジンからの評価も多…

【サーチコンソール】ビューポートの設定方法。

検索トラフィックでのモバイルユーザビリティーのエラーの対処法、ビューポートを設定する方法。