Paddingにautoなんてないんだからね！

CSSのpaddingにautoが効かない。

「今日はPaddingの効きがよくないな」

スペルチェックやら見直してみても分からない。

もしや！と検索してみても、色々なところで確かに、padding: auto;と解説がある。

SVG画像とGoogle検索SEOとHTML5

Web制作でSVGベクター画像をよく使っています。経験してみて初めて分かった現在のSVGを取り巻く環境やGoogle検索とSVGの関係についての考察記事です。

まだSVGを使ったサイトさんは少ないですが、ベクトルの画像をWebで表現するには、Flashを除くと、現実的にSVGしかないので、これから増えていくのは確実です。

先行して使ってみての経験則になりますが、ちょっとだけ詳しくなったので、これからSVGを使ってみようというウェブマスターさんの参考になればと思います。

SVGは画像

検索エンジンにとってSVGはテキストデータではなく、見ているのは最終的にレンダリングされた画像として見えるSVGのみ。

Google検索が、SVGをインデックスの対象としたのは2010年9月。その頃から今まで多少の変化は見られますが、認識能力はあまり変わっていない印象を受けます。

Google検索エンジンは、xlink、title、desc、text、著作権情報などのSVG内の情報を一切見ていない。

Organize Search Engines 後継

Firefox アドオンのOrganize Search Engineは、検索のパラメーターを簡単に変更設定できる優れた拡張機能でしたが、現在は開発を終了して公開もされていません。

Google.comへ行く方法や余計な検索パラメーターを除いたり、50件表示にするのに必要なので、.xpiファイルを保存して継続して使い続けていましたが、それも、とうとう動作しなくなってしまいました。

Firefoxを低いバージョンのまま維持するのも難しくなって困っているところ、有り難い事に、開発を継続されている方が見えました。

Google フォトから直リンクを取得して画像を貼り付ける方法

Google フォトから直リンを取得してウェブサイト上に画像を表示する方法です。

ダイレクトリンクを取得するまでのルートは狭いので細かく説明します。

Twitter画像がJPEGへ劣化されるのを回避する方法

TwitterでPNGでシェアした画像が、勝手にJPEGへ変換される。

たまたま、ツイートを見かけたので確認してみると、指摘されたとおり、.Jpgへ劣化している。

元画像.png

Twitter画像.jpg

画像を作成して、PNGで保存しているクリエイターなら、これが、いかに哀しい出来事かわかるはず。

「JPEGがいかん！」というわけじゃなくて、JPEGは風景写真などには、とても向いています。ただベクターからおこしたロゴなど輪郭のクッキリした物は、PNGです。JPEGで作られたロゴを、見るひとが見れば一発で見分けがつくほど違います。

これを回避する方法も先ほどのツイートに載っていて、確認もできました。

透過PNGは変換されません。
ただし実際に透過ドットがある必要があります。

この有益な情報を踏まえて、もうひと工夫してみました。

アクセス解析研究所のタグを外部jsに記述する

アクセス解析研究所のタグを外部jsに記述する方法です。

QLOOKアクセス解析は、2016年9月30日に終了します。外部のJavaScriptから解析タグを書き出すようにすれば、全てのページにタグを挿入しなくてもアクセス解析研究所へ瞬時に移行できます。

だだし！自分にJavaScriptの知識はなく、見よう見まねでやったらうまくいったという結果です。

外部.jsファイルにコードを追加します。

Comodo Dragon Portableはレジストリを使う

Comodo Dragon Internet Browserは、SSL認証局、ファイアウォールで知られるセキュリティベンダーのComodo提供の無料ブラウザ。Chromiumをベースにしています。

今現在の最新版は、46.9.15.425 - ‎署名時刻 2016‎年‎2‎月‎5‎日 0:39:36です。

インストーラーは同じで、途中でポータブルインストールを選択できます。その場合、Comodo Secure DNSはブラウザでのみ動作してシステムには影響を与えません。

しかし、Dragonのいうポータブルというのは、PortableApps.comにあるようなレジストリをほとんど使用しないアプリとは大きく異なります。

「異なるようになった」というのが正しく、バージョンが20の頃は、れっきとしたポータブル アプリでした。少なくともバージョン31.1の頃にはレジストリに値を書き込む仕様になっています。

おそらく、2014年の1月から変更されたはずです。

ポータブルで動くので表示に偽りはないですし、レジストリを使用しても問題がなければいのですが、DragonをUSBメモリに入れて作動すると、そのパソコンに多くの痕跡を残していきます。