amp-adのお話と はてなブログのお話 - すなばいじり
なんだか盛り上がってますね。と感じたので、短信みたいなメモ。 バリデーター(正しいかチェックするやつ)で確認してもらうと分かるのですが、最近見つかった(ように見える)「はてなブログのAMP表示で貼り付け出来るぞ！」なやつは、将来的に表示されなくなる可能性があります。 え、何？という方は、チェックできるサイトでペタリと広告コードを貼り付けてみましょう。 The AMP Validator <body>Hello, AMP world. <amp-ad width=300 height=250 type="adsense" data-ad-client="ca-pub-0000" data-ad-slot="00000"> </amp-ad> </body> bodyタグの間に amp-ad タグを入れると、ササっと結果が出てきます。 amp-ad を使用するための.jsスクリプトが無いか、間
はてなブログが正式にAMP対応されるようです - すなばいじり
追記： business.hatenastaff.com 企業向けプラン「はてなブログMedia」 がAMP対応となりました。 はてなブログMedia は、コンテンツの作成以外に発生するSEO対策、サーバーの高負荷・脆弱性・アップデート対応といった保守・管理コストを抑え、ユーザーに提供するコンテンツ作りに集中できる環境が手に入ります。 詳細は、以下のリンクからご確認ください。 hatenablog.com 既に自力でAMPページに対応している「すなばいじり」ですが、近い未来では公式に対応されるようです。 psn.hatenablog.jp はてなブックマークアプリの新着・人気一覧ページでは、AMPページがある場合はAMPマーク「amp_logo」が表示されます。 AMP対応ページがある場合は、アイコンが表示される。 AMPページを優先表示する。 このエントリー時点では、自力で対応する以外に
Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する - すなばいじり
TL;DR ※too long; didn’t read. ＝長すぎて読まない人向け 3行でおｋ 御託をこねるよりコードを書けという有名な言葉があるので作った。 AMP(Accelerated Mobile Pages Project)という儚い夢から醒めさせる為に実証コードを書いた。手斧もいいけど技術で殴るよ！ 次回予告はウェブページの読み込み時間を計測する PageSpeed Insights でスコア60程の(修正しようねと言われる)はてなブログを85以上の結果を叩き出す為に、ハックするお話。 読者になって見逃さないようにする サマリー TL;DR このエントリー時点での知見 所見 はてなブログ上での実装について Search Consoleの結果表示について サポートされている構造化データ要素がありません 属性が足りないなど AMP HTMLをリッチに表示させる リスト表示 広告表
Googleアナリティクスの集計を適当にする - すなばいじり
地味に困った と解決法を考えている案件なのですが、有料にするか適当にするか乗り換えるかの選択肢しかない という告知です。 support.google.com 【アクセス解析】Googleアナリティクスの規約改訂 1000万PV以上の場合は停止後にデータを削除 - 検索サポーター わりと頭を抱える案件で乗り換えるか対策するかを検討中です。ヒット数の圧縮の為にフィルタを利用するのは誤りという認識だったのですが、幾つか「カスタムフィルタを使用する」と出てきて更に悩むやつです。 2015/06/19 15:24 わりと頭を抱える案件で乗り換えるか対策するかを検討中です。ヒット数の圧縮の為にフィルタを利用するのは誤りという認識だったのですが、幾つか「カスタムフィルタを使用する」と出てきて更に悩むやつです。 - psne のコメント / はてなブックマーク 無料のままで使い続ける解決法としては、ペー
パンくずリストの考え方を整理する - すなばいじり
更新されたエントリーがあります。 psn.hatenablog.jp 構造化テストツールが新しくなり、機能変更・追加が行われたというお話で、今までOKだった記述がNGになったというネタを見て「これはこういう意味ですよ。」という解説を書いておかないとなぁと考えていたら一週間くらい過ぎそうなので、いい加減書いておきます。 構造化テストツールのチェックが厳しくなった？ パンくずリストの部分で起こっているようです。 厳密に言えばそうなります。 この部分ですね。きちんとリンクを置かないとエラーが表示されるようになった。というお話のようです。 そういえば、このエントリーを書いてもシブタクさん気づかないですね。 IDコールできません。 そもそもどういう事だろう？ 一例として、簡単にパンくずを表現すると カテゴリ > 今見ているページのタイトル このような表現になります。 HTML+microdataでマ
はてなブログの画像タイトルとaltを編集できる「はてブロimageTitle」というChrome拡張を作った - すなばいじり
はてなブログでは、fotolifeを使って画像を貼り付ける事ができるけど、タグとかよく分からないし、もっと簡単に意味のある説明文やタイトルにしたいなぁ。 やってみよう、大はてな実験 で。 「ブログタイトル」を変更したい場合は、こちらをご覧ください。 はてなブログの画像向けSEO対策としてalt属性とtitle属性を編集したい どうやって使うの？(Google Chrome版) どうやって使うの？(Firefox版) 設定を変えて便利に使いたい この拡張機能を消したい。アンインストールするには？ 機能を増やしてほしい その他FAQ 作ってみてどうだった？ 自動でやってくれるSEO対策を導入して書くことに集中したい 記事作成画面でAlt・Title属性を編集できるChrome拡張機能を作りました。 どうぞご利用ください。 Chrome拡張機能ですので、Chromeが必要です。 Firefox版
サイトマップについてのお話が来てた - すなばいじり
そういえば、10月くらいに「ウェブマスターツールにはサイトマップ以外にRSSフィードを追加できるよー」というネタが出てきて、効果は分からないけど試しにやってみようか。 と設定したのですが、特にそれによって更新(インデックスに追加など)が早くなったりするわけではないのが見えていたので、お蔵入りしていたネタ。 サイトマップを送信することは、サイトを最適化する上で重要な要素の一つです。サイトマップを送信することで、あるサイトに存在するすべての URL を検索エンジンが発見できるようになり、ページの内容が変更された時に素早くダウンロードすることが可能になります。 Google ウェブマスター向け公式ブログ: XML サイトマップと RSS/Atom フィードのベストプラクティス 公式ブログの方に「設定できるよー」という説明が来ていた。 1月20日くらいのキャプチャ。 登録されています。 うん、15
Googleにsocial profile を教えるやつを作った - すなばいじり
自分でGoogleに教える事ができるのなら、サクサクと作れるやつを作れば良いのです。という事で作った。 つかいかた 各部を入力してボタンを押すだけでJSON-LD(構造化データ)が出力されます。 丸ごとHTMLのヘッダに貼り付ければOKです。 ヒント 「URL」には貼り付けたいサイトのTOPページのURL 例 http://psn.hatenablog.jp/ 「表示する関連アカウント」にはSNSのURLを入力します。複数入力する場合は、改行で区切ります。 例 https://twitter.com/psne https://twitter.com/hatebu つくるやつ プロフィールタイプ Person (個人) Organization (組織) 名称(名前) URL 表示する 関連アカウント (URL) 貼り付けるやつ 生成する ※15/03/15 一部修正 はてなブログ以外でも利
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
