- トップ
- »HTML CSS 3件(1P/1P)
canonical属性によるURLの正規化2009年09月26日
大分前に、Google・Yahoo!・Bingからリリースされていた、canonical属性によるURLの正規化を行いました。
というのも、ネットショップの商品一覧ページでは、人気・価格等でソートできるようにしていて。
商品の並び順が変わるだけの同じようなページにも関わらず、URLが少しだけ違うページがいくつもできていました。
SEO的にも、似たようなタイトルのページが分散しているよりは。
正規化を行って、重視して欲しいページを明確にした方がいいかなと。
これに伴って、タイトルタグもキーワードを明確にして、短くしてみました。
まだ、これといった結果は見受けられませんが、ボチボチ見守りたいと思います。
SEOも昔は色々できましたが、今は正しいことを正しくやるのが、一番の近道のような気がします。
canonical属性によるURLの正規化の方法
以下のタグを<head>～</head>の間に入れるだけです。
<link rel="canonical" href="http://www.sample.com/" />
ついでに、CSSを<link>で読込む際ですが。
<head>～</head>の間のできるだけ上の方に書いた方が、ブラウザのレンダリングが早くなって。
ユーザーに少しでもストレスを感じさせなくできます。
私は、こんな風にしています。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link href="http://www.sample.com/css.css" type="text/css" rel="stylesheet" />
Internet Explorer6 or 7用CSSハック2009年06月30日
前々から、IEの6でサイドバーが落ちることがあって。
それで、スタンドアローン版のIE6をDLして、チェックしてみました。
IE7とIE6を共存させる方法：まとめ
すると、案の定落ちてる。。。
で、改めていくつかのサイトのログを見ると。
IE6のユーザーが、20%〜30%ほど。
あぁ、こりゃまずいなと。
で、これまで面倒だなと、放置だったIE用のハックを調べると。
（恐らく）最も簡単な、対IE用CSSハック術
で、cssを書き換え。
IE6の場合は、サイト全体の幅を広げて、サイドバーが落ちないように。
ていうか、IE7にしようよ。。。
IE8の出てる時代に。
それか、firefoxに。。。
これからも、IE6・IE7・IE8の3つのブラウザをケアし続けないと駄目なんですよね。
面倒。。。
いっそ、マイクロソフトがブラウザを開発することをやめてくれないかな。
どうせ、バグだらけのブラウザが出てくるから。
HTML5もいつ対応することやら。
Movable Type 静的ページ用ページ分割プラグイン PageBute2009年05月08日
前々から、やろうやろうと思っていたMovable Typeのカテゴリーテンプレートのページ分割を行いました。
今回、利用したプラグインはこれで。
日本語ドキュメントで、ドキュメントも充実していて、とっても良いプラグインです。
Movable Type 静的ページ用ページ分割プラグイン PageBute
その他にも、ページ分割を行うプラグインは以下がありました。
- MTPaginate
- ArchivePage
- Paged Archives(配布終了!?)
サーバー負担をかけないためにも、静的なHTMLで吐き出して欲しかったのと、未だにMT3.xを利用しているのもあって。
また、MTPaginateは、PHP or CGIでの動的吐き出しだったので。
選択肢はPageBute or ArchivePageでした。
ただ、ArchivePageは何かとトラブルが起きるそうで。
ということで、信頼性も高そうなPageButeを利用。
以下のソースで。
<MTPageContents count="30">
<MTEntries>
<h2><a href="<MTEntryPermalink archive_type="Individual">"><MTEntryTitle></a></h2>
<MTEntryBody>
<MTPageSeparator>
</MTEntries>
</MTPageContents>
<ul class="block inline center">
<MTIfPageFirst><li class="big"><MTPageFirst delim="最初"></li></MTIfPageFirst>
<MTIfPageBefore><li class="big"><MTPageBefore delim="前へ"></li></MTIfPageBefore>
<li><MTPageLists show_always="0"></li>
<MTIfPageNext><li class="big"><MTPageNext delim="次へ"></li></MTIfPageNext>
<MTIfPageLast><li class="big"><MTPageLast delim="最後"></li></MTIfPageLast>
</ul>
こんな風に表示されます。
名入 名入れ手ぬぐい タオル 風呂敷の作成 制作 製作実績
欲を出せばMT3.xでも、ページ部分も<li>で回したかったですが。
MT4.X以降の対応だそうで。
MT4.Xのリリース直後にいじって。
やけに変更が多かったのと、利用しない機能ばっかりだったので。
利用を断念してから、久しぶりにMovable Typeをいじったり、調べたりしました。
結構、プラグインとか増えてるみたいですね。
また、そのうちいじってみようかなと思います。
ただ、PHP・MySQLで作った方が早そうなんで、そっちにしちゃいそうですが。。。
- トップ
- »HTML CSS(3件)
