SEO 的な引用

みなさん、「引用」ってどうされてました?

私は今まで文章をコピペで持ってきて、インデント入れて、斜字体にしてました。

例えば

これは引用文です。

という具合に。

これは、引用してますよっていう意図を伝えるという意味では、十分な表現形式だと思います。

なのですが、SEO 的にはこれではダメだそうです。

なぜなら、サーチエンジンには、これが伝わらず、単なるパクリ(って嫌な言葉ですね)にみえるから。

なので、引用文にはいわゆる blockquote タグを入れるのが正しいのだそうです。SEO 的には。さらに css で加工しておくと見た目もよくなる。

これは引用文です。

どうでしょうか?

確かに、これはネット上でもよく見かける表現形式ですね。あれは SEO 的なことも考えていたのか、あはは。

ただ、感想を言わせてもらうなら、そこまでして SEO を意識しなくてもとは思います。なんかせこいっていうか…。

 

highlight.js を使う

前々からワードプレス上でソースコードを貼り付けるのをどうしようか悩んでいたのだが、重いプラグインに見切りをつけ JavaScript である highlight.js を導入した。こんな感じなる。

cd ..

html や css でちょっと使う程度なので、こんなもので十分。問題は、余白が微妙にグレイになっていること記事背景を濃くすれば、この部分は透過して目立たないが、背景ピュアホワイト #fff だと、ちょっとやぼったいグレイが出現する完全に透過してくれてないわけですね
ちょっとしたことだが、気になる~ (;´Д`)

→この問題は、pre 要素に色の属性を与えることで解決。例えば style.css に以下のコードを加える。

pre {
  background-color: #fff;
}

lang = “css” と指定しているのに、なんで、こういう配色になるかは不明だが…。

 

WordPress + yoast SEO で簡単にパンくずリストを設置

 

当ブログは、WordPress に テーマ twentyseventeen 改、プラグインに yoast SEO などを乗っけて運用しますが、yoast SEO だと簡単にパンくずリストが設置できるんですね。知りませんでした。最近まで All in One SEO の方を使っていたもので。確か All in One の方にはなかったはず。

まず、yoast SEO の設定画面を出して…

パンくずリストを「有効」に変更(デフォでは無効)。他項目は適宜変更。

まず、これを設定。

 

次に、以下のコードをパンくずリストを出したいファイル上に設置。

今回は、次のように挿入しました(19 行目以下に注目)。

これだけです。

 

すると……

おおっ! ちゃんと表示されてますね。

 

それにしても、秋葉ちゃん、なんて記事書いてんだよ…orz




御坂妹は、俺の嫁!! ~御坂妹名言録~

 

だらだらと御坂妹の名言を集めております。明確なオチはありません。

なお、文中、

『禁書目録Ⅱ』は『とある魔術の禁書目録』アニメ 2 期

『超電磁砲Ⅱ』は『とある科学の超電磁砲』アニメ 2 期

のことです。

『禁書目録Ⅱ』17 話 「抜け駆け」抜け駆けエピソード

御坂10039 号
その際、好きな男性から貰った指輪を左手薬指に嵌めれば勝ち組との情報を極秘に入手していました、と御坂 10039 号はここぞとばかりにリークします。
御坂19090 号
指輪…勝ち組……。

 

『禁書目録Ⅱ』17 話 「打ち止め」ゴーグル強奪エピソード

御坂20001 号
御坂もそれ欲しいぃって御坂は御坂は小さな外見を最大級に利用した駄々っ子交渉術を行使してみたり
御坂10032 号
かわいらしい仕草をねらっているのでしょうが、同性がそれを見ても腹が立つだけなので逆効果です、と御坂は懇切丁寧に解説します

 

 

この二つのエピソードでいっぺんに御坂妹を好きになりました☆

そして、これである。

『超電磁砲Ⅱ』24 話 「抜け駆け」お姉さん風びゅーびゅー吹かすエピローグ

御坂19090 号
その二人の思考のベースプログラムは御坂たちと同一です。ならば、その子たちは御坂の妹も同じ。姉が妹を助けるのに理由が必要でしょうか、と御坂はお姉さん風をびゅーびゅー吹かせてみます

御坂19090 号
この子にも知ってほしいのです。

世界がどんなに眩しく、

美しいのかを

 

くー、キメる時はキメる男前な御坂 19090 号なのであった。

にほんブログ村 アニメブログ アニメ感想へ