はてなブログ

Google フォームを reCaptcha 付でブログに埋め込む

当サイトでは Googleフォームを使ってお問い合わせ用のフォームメールを導入しています。iframe で埋め込むのではなく、form 内の要素だけを取り出し完全にブログのスタイルにカスタマイズできるようにしています。 お問い合わせ - IMUZA.com その Googleフ…

AdSense ポリシー違反になるのはリンクコンテンツ

ポリシー違反はありませんメールが来た ポリシー違反になるのはリンクコンテンツ 前記事の「AdSense サイト運営者向けポリシー違反レポート5」のその後の追加記事です。 ポリシー違反はありませんメールが来た 早いですね。1日で来ました。 ポリシー違反にな…

AdSense サイト運営者向けポリシー違反レポート5

AdSense サイト運営者向けポリシー違反レポートメール 映画の公式サイトの画像? あるいはリンクで貼ってある他サイトの画像か? ある程度のページビューがないと引っかからない? AdSense サイト運営者向けポリシー違反レポートメール AdSense から下の画像…

Google先生は Amazonがきらい?

またも「AdSenseサイト運営者ポリシー違反レポート」が来ました。サイトは同じように「そんなには褒めないよ。映画評」です。 「そんなには褒めないよ。映画評」 AdSense からのメール ポリシーセンターを見てみると… GoogleはAmazonがきらい? AdSense から…

Web フォント NotoSans のサブセット化

Google の Webフォントはフォントファイルを 20KB~50KB程度に分割してダウンロードするなど軽量化が図られていますのでこのサイトでも使っているのですが、やはりパフォーマンスを考えますと厳しいものがあります。 でも、 NotoSans はきれいですし読みやす…

はてなブログの画像の容量が増大する(解決)

はてなブログに画像を保存しますとファイルのデータ容量が増えてしまいます。大きさではなく、たとえば、100KB の画像をブログに挿入したのにその画像のデータ容量を見てみますと 300KBとか、500KB に跳ね上がってしまっています。 72KB が 336KB にでかくな…

モバイルユーザビリティエラーやっと解消

Search Console のモバイルユーザビリティにエラーが出始めて約4ヶ月、やっと解消しました。ただし原因はこれ! と特定できたわけではありません。 当該サイトはこちらです。 そんなには褒めないよ。映画評 過去の関連記事 現状 まとめと試したこと Javascri…

(汎用版)はてなブログ用ボトムナビゲーション Bottom Navigation

はてなブログ用のボトムナビゲーションに改良を加え汎用性を高めました。 まずは元記事をお読みください。 www.imuza.com 改良点 導入 html javascript css ライセンス等 改良点 ボトムナビゲーション出現のブレイクポイントを設定できるようにしました data…

はてなブログ用ボトムナビゲーション Bottom Navigation

はてなブログ用のボトムナビゲーションをつくってみました。 こんな感じです。 運用サイト:そんなには褒めないよ。映画評 若干仕様が異なりますが、同等のものを公開します。 仕様 導入 html javascript css ライセンス等 仕様 当然ながらレスポンシブのテ…

Google Apps Script(GAS) で reCaptcha 認証をする

前記事「はてなブログの Googleフォームに reCaptcha を導入」に書きましたように当サイトのお問い合わせフォームメールにスパムがくるようになりましたので reCaptcha を導入しようと、その記事ではクライアント側だけのバリデーションを試しましたが、やは…

AdSenseサイト運営者ポリシー違反レポート

三度目の「AdSenseサイト運営者ポリシー違反レポート」が来ました。サイトは同じように「そんなには褒めないよ。映画評」です。 「そんなには褒めないよ。映画評」 AdSense からのメール ポリシーセンターを見てみると… アマゾン配信の映画DVDの画像が原因?…

はてなブログの Googleフォームに reCaptcha を導入

当サイトには Googleフォームを利用したフォームメールを設置していますが、最近スパムメールが多くなってきましたので何か対策が必要になってきました。 お問い合わせ - IMUZA.com はてなブログに Googleフォームを設置 Google reCaptcha フォームに reCapt…

PageSpeed Insights はてなブログは遅い?

例によって、未だ Google Search Console のモバイル ユーザビリティ エラーに悶々としている日々です。 SEO を気にかけている方であればご存知かとは思いますが、Google に PageSpeed Insights というサイトの表示速度を計測するツールがあります。 以前、…

2020年はモバイル ユーザビリティエラー対策で始まる

2019年中に解決したかった Google Search Console のモバイル ユーザビリティ エラー、2020年に持ち越しとなってしまいました。 それにしてもこのモバイルユーザビリティエラーというのはよくわからないです。以下、現在の状態です。 過去記事 現在の状態 エ…

モバイル ユーザビリティ検査、おかしくないか!?

もういい加減嫌になってきた Google Search Console のモバイル ユーザビリティ エラー、「このページはモバイル フレンドリーです」とインデックスされているのにエラー表示され、検証申請しても「失敗しました」と返ってきます。 www.imuza.com インデック…

サムネイル画像を遅延読み込みでオリジナルに変更

この1,2ヶ月、モバイルユーザビリティのエラー対策に悩まされているのですが、そうした作業の中からもいろいろ学ぶことが多く、そう悪いものではありません(笑涙)。 www.imuza.com イメージの遅延読み込み Google 推奨の遅延読み込み HTML サンプルコー…

モバイル ユーザビリティのエラー解決せず

前記事: クリック可能な要素同士が近すぎます(未解決) モバイル ユーザビリティちょっとだけ解消 モバイル ユーザビリティのエラー続報 グールグル先生、理由を教えて Google Search Console からのモバイル ユーザビリティのエラー警告、もう少しのとこ…

AdSense サイト運営者向けポリシー違反メールが来た

「AdSense サイト運営者向けポリシー違反レポート」のメールが来た 「愛より強く」の DVD 画像か? で、翌日… AdSense は一般映画の画像をアダルトコンテンツ評価する 「AdSense サイト運営者向けポリシー違反レポート」のメールが来た AdSense から下の画像…

モバイル ユーザビリティのエラー続報

前記事: www.imuza.com 「修正を確認しました」になったけど… 検証対象の構造化データって何? 「修正を確認しました」になったけど… 昨日、「修正を検証」を送っておいた結果が表示されました。 すべて「修正を確認しました」になりました。 検証対象の構…

モバイル ユーザビリティちょっとだけ解消

前記事: www.imuza.com 概要 Javascript は CSSOM 構築をブロックする モバイルユーザビリティは何を見ているのか? Javascript の最適化 記事ページ トップページ 概要 Google Search Console からモバイルユーザビリティのエラー警告が出てからかれこれ1…

クリック可能な要素同士が近すぎます(未解決)

Search Console のモバイルユーザビリティにエラーが出て原因が特定できずに困っています。このブログではなく、別ブログの映画レビューサイトです。 「そんなには褒めないよ。映画評」 Search Console のキャプチャ CSSのダウンロードが遅すぎる ライブテス…

はてなブログテーマ imz-listing を公開します

はてなブログ用のテーマ「imz-listing」を公開します。 運用サイト 概要 デモサイト&キャプチャ デモサイト キャプチャ 必須事項 トップページの項目、画像の指定方法 指定しない場合 項目、画像を指定する場合 カスタマイズ ライセンス等 運用サイト すで…

新テーマ「imz-listing」完成だが、公開の道は険し

別サイトの映画レビューサイト「そんなには褒めないよ。映画評」のテーマを変更しました。 スクリーンショット 記事ページ Noto Sans JP アイキャッチ画像をページトップに トップページはシングルページをイメージしたけれど… 見た目がもうひとつ? 問題点 …

はてなブログに CSS Grid Layout を使ってみる

実はもうすでにこのブログやテーマストアで公開しているテーマでも基本レイアウトには Grid Layout を使っているのですが、もっと活用できないかといろいろやってみましたら、はてなブログのコンテンツ内でもかなり便利に使えることに気づきました。 エント…

CSS・画像の縦横比を維持してレスポンシブデザイン

サイトをレスポンシブでデザインする際、画像をいくつか並べて、その縦横比を維持しながら、どんな画面サイズでも指定の横幅いっぱいに美しく並べる方法です。 こういうことです。 サイト:そんなには褒めないよ。映画評 画像が background の場合 画像が im…

はてなブログの ヘッダ>タイトル下 を有効に使う

はてなブログのテーマ「imz Pickup」をテーマストアに上げているのですが、このテーマについて、こんな大層なものはいらないけれど、トップページだけにピックアップ記事のようなものを表示する方法を教えてほしいというリクエストをいただきました。 はてな…

はてなブログのサイドバーをウィンドウ下に粘着

ページをスクロールしていきますと、メニューやサイドバーが、あるところでぴたっとページのトップに固定され、今度は逆にスクロールしますと再び追従し始めるサイトを見ることがあります。それをはてなブログでやってみます。 position:sticky サイドバーを…

AdSense 記事内広告が表示されないので自前で表示

はてなブログに Google AdSense の自動広告を入れてみたのですが、記事内広告だけが表示されません。 いろいろググってみても解決策は見つからず、結局、本文の内容(文字数?)なのかなとあきらめ、自前で入れることにしました。 記事内広告のコードを取得…

(improvement)はてなブログのカテゴリー階層化

はてなブログのカテゴリーを階層化する Javascript を一部修正しました。元記事はこちらです。 www.imuza.com 改善点 使用条件 Javascript お願い 改善点 画像の赤丸部分です。 パンくずリストを表示する場合で、2階層目のカテゴリーがパンくずに表示される…

はてなブログテーマ imz-pickup をバージョンアップしました

imz Pickup Ver.2 運用サイト はてなテーマストアでも公開しています「imz Pickup」をバージョンアップしました。 大きな変更ではありませんので上書き更新すればいいかとも思いましたが、使ってみえる方がいらっしゃいますと、気になる部分でもありますので…