Google 検索は rel=next/prev を使用していない - 言うの忘れてた ﾃﾍ💕

ﾃﾍ ❤️ じゃねぇぇ！

Google 検索エンジンはページネーションをすでに長い期間利用していないが、告知するのを忘れていたようです。

Google apologizes for rel=next/prev mixup - Search Engine Land

Google webmaster trends team が気が付いたため発覚しました。

ブログ記事も修正されています。

Google ウェブマスター向け公式ブログ: 複数ページにまたがる記事やコンテンツをお持ちの方へ。rel=”next” と rel=”prev” を使用したページネーションのご紹介

Search Console ヘルプは削除されました。

コンテンツをページ指定する - Search Console ヘルプ

凄まじい逃げ足に驚愕いたしました。

WebP 画像をシェアできるソーシャルメディア

ブラウザの WebP 対応状況に引き続き、ソーシャルメディアでの WebP 画像のサポート状況を調べました。

アブラマハリクマハリタカブラ

• Facebook は WebP をサポート。

  

Gmail の送信取り消し機能を無効にする方法

Gmail には、送信操作から実際の送信までインターバルが設けられています。

遅延は 5、10、20、30秒から選べますが、なしにはできません。

少し非合法な方法です。ネタとしてお楽しみください。

Firefox が WebP 画像のフォーマットに対応

Firefox 65 にてWebP 画像がサポートされました。

WebP は Google が開発した画像フォーマット。拡張子は .webp。

WebP の読みは、ウェッピー という噂もありますが、チャッピーとかどこぞの魔法使いに似てるので却下。誰が何と言おうと ウェブピー。異論は認めません。

最近、試験的に .webp を使いはじめています。そこで使いながら気が付いたところや特徴を書き付けていきたいと思います。

CSS スプライトは表示速度の改善にならない？

SVG の target 属性による画像の切り替えは、1 枚画像による background-potition での方法とは違い、速度や転送量の改善に効果が薄いことがあるようです。

SVG の URLフラグメントによる画像切り替えは、次のようなスタイルを追加した SVG ファイルを用意しておきます。

<svg>
<style>
<![CDATA[
g { display: none; }
g:target { display: inline; }
]]>
</style>
<g id="image1">
<rect x="1" y="6" class="st7" width="30" height="20"/>
</g>
<g id="image2">
<path d="M32,27.313C32,29.891,29.891,32,27.313,32H4.688C2.109,32,0,29.891,0,27.313V4.688C0,2.109,2.109,0,4.688,0 h22.625C29.891,0,32,2.109,32,4.688V27.313z"/>
</g>
</svg>

HTML から target を指定して呼び出します。

<img src="splite-mail-soft.svg#image1" alt="">
<img src="splite-mail-soft.svg#image2" alt="">

当然、画像の読み込みは 1 回限りと思い込んでいましたが、実際はそうではありませんでした。