BloggerでJavascriptのライブラリを使う際のあれこれ

jQueryやらなんやら入れたついでに覚え書きもかねてメモ。

Bloggerのテンプレートを理解しようとしてみる

さて前回の記事で大嘘書いてしまいましたがその訂正もかねて更新。
いい加減にブログのデザインをどうにかしたいのでBloggerのテンプレートのコードを観察してみた。

BloggerのテンプレートはXML構文(XHTML構文)のHTML5で書かれている模様（タイトルに偽り&追記ありあり）

さて、「使ったことがないから」という理由以外に特に意味もなくBloggerでブログを始めてみて、 「なんか他のブログサービスと勝手が違うな」「レイアウトとかはとりあえず放置でいいや」なテキトーさできたわけだが、そろそろなんとかしたくなりテンプレートを編集しようと、コードを見てみた。

で、はにゃ？ってなった

とりあえずブログタイトルにサイトルートへのリンクを貼りたいと思ったのだけど正直わけわからん。
で、基本にもどってドキュメント宣言（DTD）をさがしてみると「<!DOCTYPE html>」となっているのでHTML5だな、と。
でもなんか知ってるHTML5とちがう。

で、思いあたる

ああ、もしかしてこれがXML構文(XHTML構文)のHTML5ってやつか、と。
追記（2013/3/8）
嘘です。全然間違ってました。XML構文のHTML5なのではなくXML文書上でHTML構文のHTML5を組んでいるだけでした。 知らない人もけっこういたりするのだけど、HTML5にはHTML構文と呼ばれるものとXML構文（XHTML構文）と呼ばれるものの2種類がある。（とか偉そうに言ってみる。）
言ってみればXML構文はxhtmlの後継なのだけど、この認識でいると多くの人はいざ挑んで「はにゃ？」っとなる。
つーのも「xhtml書けるよ」って思ってる人のなかでもxhtmlを正しく理解している人っていうのはほとんどいなかったからだ。
まぁこの辺は書き出すと長くなるのでまた別の機会に書くとして、用は自分も使う機会ほとんどないだろうと思って勉強をさぼっていたので「はにゃ？」っとなった。だってお目にかかることないんだもん。

で、なにが言いたいの

勉強します。まぁ良い機会なので。 で、ちまちまブログの記事にしていこうかと。 ついでにこれからBloggerでブログはじめようかって人に言っておくとBloggerのテンプレートいじるのは他のブログサービスと比べてかなり敷居高いです。
「xhtml1.0とxhtml1.1の違いは？」って聞かれてすらすら答えが出て来るレベルの人じゃないと多分きっついです。なのでその辺心配な人は素直に他のブログサービス使った方がいいと思います。

Google画像検索の仕様変更に見るGoogleのジャイアニズム

なにやらスラドを覗いてたらGoogleの画像検索の仕様変更が波紋を呼んでいるらしい。
新しい Google 画像検索は Web パブリッシャーの利益を損なう

記事を要約すると、Google画像検索の仕様が、今までは画像の掲載元のサイトが背景に表示される仕様だったのが、背景黒一色に変わってしまったおかげで、サイト本体に流入するユーザーが減った。ということらしい。

一方でユーザー側の利便性は向上した、という声もあるようだが、正直この件については自分も改悪だと思っている。

第一にGoogleという会社が広告収入で成り立っている会社だということ。
サイト運営者が得る広告収入が減るのはともかく、出稿する企業の広告がユーザーの目に触れる機会を減らすような改訂を行うのはよくわからない。

そして第二に、こちらが改悪と思う主な理由だが、画像の掲載者がより見えなり、その画像が適正なコンテンツかどうかの判断がしづらくなることだ。

勿論今までだって出来てた訳ではないが、背景にサイトが表示されるだけでも、それが個人ユーザーのサイトか法人のサイトかぐらいはなんとなくわかる。
あ、こいつは勝手に転載している画像だなってのはなんとなく伝わるものだった。
そんなもん気にしないユーザーが大半だっていうのはわかるが、だからといって無視していいものじゃない。
ならばせめて少しでも正当な権利者のサイトが優先表示されるようになっていればまだ理解は示すが、あいかわらずアフィ目的の転載サイトや糞NAVERのまとめページが積極的にかかってくる。

前にも別の視点で書いたが「コンテンツの正当な利用」という点においてGoogleは正直怠慢だ。
無論それを完璧に行うのが途方もなく困難なことだというのは想像がつくが、「画像で検索」なんてものが出来るのであればある程度は出来るはずじゃないのか。
せめてその姿勢を見せることぐらいはやってほしい。

ちなみにこの件については、
>現在、米国内では Web パブリッシャーが Google に対して画像を盗んだとして集団訴訟を行う動きがあるようだ。
だそうだ。いつもならこの手の話は、「全くアメリカらしい」で終らせるとこだが、今回はちょっと応援する立場だ。

今回の仕様変更はGoogleがパブリッシャーから画像を盗み、しいてはユーザーが無自覚な盗人となるのを助長する行為だ。
ユーザーの利便性が上がるものであってもそのしわ寄せをコンテンツの正当な提供者に向けるのはエゴ以外の何者でもないんじゃなかろうか。
ここ数年Googleが着実にevilなステップをのぼっている気がしてならない。



と、googleのBloggerで書いてる俺。

パンダアップデートその後（自分の場合）

さて、2012年7月の正式導入以降、各所から阿鼻叫喚の聞こえてくるGoogleの検索のアルゴリズム変更、通称パンダアップデートですが、自分も運営しているサイトで少なからず影響を受けています。

まぁ自分でやってるサイト全てのアクセスかき集めても数千程度なので正確なことはなんとも言えませんが、どうも正式導入発表後以降も頻繁に変更が加えられてる気がします。

自分の場合、7月以降一つのブログがとあるワードでトップ表示され一気にアクセスが千単位で増えるという、正直なんかの間違いとしか思えない事態が起きたのですが（ちなみに転載コンテンツ。元サイトで認められてる範囲。）、10月に入り一旦はランクが大幅にダウン（といっても以前に比べればまだ格段に上位）。
やっぱりなんかの間違いだったかと思ったら、最近また2位に浮上してました。

繰り返しになりますが「転載コンテンツ」です。
ちなみにそのコンテンツを転載していたのは自分のブログの他にも当然あり、その中には遥かに規模の大きなサイトや、そのワードと関連のあるコンテンツがずっと充実しているサイトも多くありました。
そして自分がそのコンテンツを転載したタイミングはそれらのサイトと比べて決して早くはなかったです。

たまたま自分のブログだけ網目を逃れたのかとも思いましたが、それだと10月のダウンとその後の回復の説明がつかないので、転載系コンテンツを端から潰していってるというよりはアルゴリズム自体をブラッシュアップしてる最中なのかなぁという印象です。

あと、大きな変更がされる前後ってなんかWebマスターツールのデータ反映が遅くなる&タイミングがばらつく気がします。これはパンダアップデート以前にも何度か感じたことですがここ一ヶ月ぐらいもそんな気がしてます。

なので個人的には明確なペナルティや警告を受けてるんでもなければ今のタイミングでSEO対策としてサイトに大きな変更を加えるのは得策でないように感じています。
せいぜいGoogleのいう「オリジナルコンテンツ」を心がけるぐらいでしょうか。
転載・引用でなく自分の言葉で書けばそれが価値のあるコンテンツなのか、というのは正直疑問ですが。

あとまぁ個人的な意見として…
上記のブログとは別のサイトの話ですが、
Googleさんよぉ、ライセンスや利用規約にのっとった正規の引用や転載のコンテンツまで評価をさげるのはどうなんだい？
そもそもAPIとかって共有することでより価値のあるコンテンツを生み出しやすくするためのものでもあると思うんだけど、今回はその手のコンテンツもダメージ受けてるところがちらほら見受けられてちょっと心配す。
SEOスパムサイトが減るのは大歓迎ですが、その辺さじ加減うまく調整してって欲しいですね。難しいのはなんとなくわかるけど、それが「正規の二次利用」かどうなのかもきちんと反映する仕組みになるのを希望します。

ソーシャルボタンの設置でつまづく

FC2で最近始めたブログに各種ソーシャルボタンを設置する。
FC2は管理画面でソーシャルボタンの設定機能があるもののTwitterとFaceBookのみで設置場所も限定されている。
はてぶとgoogle+ぐらいは設置したかったのでテンプレート上に直接記述することに。

で、とりあえず各SNSの公式のコード出力サービスを当たってみたのだが…
綺麗に並ばない。どうにも見た目が悪い。っていうかHTML5仕様ならともかく、なんでこのご時世にiframe使ってんのさ。
あと吹き出し別に要らないよ。スペース取るしたくさん押されてますアピールする気ないし。

どうせなら見た目は揃えたい。仕方なく公式のものを使わず別にアイコンを用意して設置することに。
が、これがまた面倒くさかった。Twitter、はてぶ、FaceBookはなんとかなるも厄介なのはgoogle＋。shareの方はともかく+1ボタンは独自アイコンで実装させる気がまるで見られない仕様。
こんな方法も見つけたがそのために冗長なコードを記述するのも本末転倒な気がする。

確かにこういうボタンはガワだけ装えばよろしくない使い方ができてしまうので、非公式に設置しにくくさせる意義は理解する。
でもだったらせめて見た目を他と揃えれるように公式で選択肢増やしてくれませんかね？
あんたら後発でしょう。

機能よりも見た目を優先させろなんておバカなデザイナーみたいなこと言う気はないが、ソーシャルボタンなんてものはユーザーから見ればどれもページ上の要素としては同じもので、個性を主張してもらう必要なんてない。
それとも「ウチのは他と違うから」なんておっしゃるんでしょうかGoogleさん。…今のGoogleなら言ってもおかしくなさそうだけど。

つうかshareと+1を別に使わせる意味ってなんなの？公開範囲に配慮して？
そんならそもそも実名主義なんてやめちまえよ。

…とまぁ勢いに任せて愚痴を書き連ねてしまったけれども、この手のボタン、公式でもうちょっとシンプルに実装できるようになんないもんですかね？
ボタンが何回押されたか表示してアピールするのってそんなに大事ですかね？SNS各社さん。
それなんか「共有」する意義の本質からずれてませんか？

Bloggerテンプレートのレイアウト変更

始めて早速欲を出してGoogle adsenseを設定してみたらばレイアウトが酷いことになった。

なんぞこれwww。
はぁ、仕方ないテンプレートまた選び直すか…と思って気付く。
そういえば管理画面に「レイアウト」の項目があった。

あー、これで変更できるわけね。
まぁ便利と言えば便利ですがつくづくアクが強いっすねぇBlogger。