よろしい、ならばクリークだ -2chまとめ-

タイトル下のメニューバーの作り方について


うちのブログですと

• このブログについて


• ライブドアブログのいじりかた

と記述されているところですね。
３カラムの真ん中の一番上です。
これは

＜div id="main" class="column"＞
＜p align="center"＞＜a href="http://blog.livedoor.jp/ba_ro_www/archives/51124679.html"＞このブログについて＜/a＞ | Livedoorブログのいじりかた（まとめ中）＜/p＞
＜div class="column-inner"＞

このように記述してあります。
div id="main"と、
div class="column-inner"の間にP要素をいれてます。
自分はHTML要素に直接ALIGNを書き込んでる悪い子ですが、真面目な方はCSSでセンタリングしてあげてください。




サイトマップの作り方について

うちのブログですと、メニューバーの下あたりにあるものです。
サイトマップに限らずとも、永続的なコンテンツを作りたい場合は下記のように作れます。



＜div class="article-outer"＞
＜div class="article-outer-2"＞
＜div class="article-outer-3"＞
＜div class="article-header"＞
＜div class="article-title-outer"＞
＜h2 class="article-title"＞
２ちゃんねる競馬情報ニュース/簡易サイトマップ
＜/h2＞
＜/div＞
＜/div＞
＜div class="article-body"＞
・＜a href="http://blog.livedoor.jp/ba_ro_www/"＞２ちゃん競馬情報ニュースTOPページ＜/a＞＜br /＞
┣＜strong＞＜font color="green"＞２ちゃんねるスレ・レス系＜/font＞＜/strong＞＜br /＞
┃┣＜a href="http://blog.livedoor.jp/ba_ro_www/archives/cat_50004149.html"＞短編スレ紹介＜/a＞＜br /＞
┃┃・10,000文字未満のスレは主にココです。主にニュー速。ジャンルはごっちゃごっちゃ。＜br /＞
-------------------------　省　略 ---------------------------------
＜/div＞
＜/div＞
＜/div＞
＜/div＞
＜!-- ArticlesLoop Start --＞




ArticlesLoop Startというのは、その行からブログの日記の部分が始まるよーってことです。
ArticlesLoop Endまでが日記部分です。






日記部分のSEOについて

一番重要なんじゃないかっていうところの設定です。
重要なポイントは二つ。

• H2要素に＄ArticleTitle ESCAPEを含ませ、個別ページへリンクを飛ばす


• H3要素に＄ArticleTitle ESCAPEを含ませ、個別ページへリンクを飛ばす

これだけです。
＄ArticleTitle ESCAPEというのは記事のタイトルになります。
これは個別ページへのリンクにも非常に効果があるものです。
H2、H3要素からの被リンクはDQ8でたとえるとスーパーテンション状態のLVカンストした宿屋帰りのゼシカのマダンテです。
ジョジョでいうとゴールドエクスペリエンスレクイエムです。
カイジでいうと利根川あたりです。


参考までにうちのブログのソースを載せます。
ちゃんとH2、H3要素に＄ArticleTitle ESCAPEが含まれているのがわかると思います。



＜div class="article-outer"＞
＜div class="article-outer-2"＞
＜div class="article-outer-3"＞
＜div class="article-header"＞
＜div class="article-date-outer"＞
＜span class="article-date"＞＜$ArticleDate$＞＜/span＞＜span class="article-time"＞＜$ArticleTime$＞＜/span＞
＜/div＞
＜div class="article-category-outer"＞
＜dl class="article-category"＞＜dt＞カテゴリ＜/dt＞＜IfArticleCategory1＞＜dd class="article-category"＞＜a href="＜$ArticleCategory1Url$＞" title="カテゴリアーカイブへ"＞＜$ArticleCategory1$＞＜/a＞＜/dd＞＜/IfArticleCategory1＞＜IfArticleCategory2＞＜dd class="article-category-second"＞＜a href="＜$ArticleCategory2Url$＞" title="カテゴリアーカイブへ"＞＜$ArticleCategory2$＞＜/a＞＜/dd＞＜/IfArticleCategory2＞＜/dl＞
＜/div＞
＜div class="article-title-outer"＞
＜h2 class="article-title"＞＜a href="＜$ArticlePermalink$＞" title="＜$ArticleTitle ESCAPE$＞へ"＞＜$ArticleTitle ESCAPE$＞＜/a＞＜IfArticleRating＞＜span class="rating"＞＜$ArticleRatingIcon$＞＜/span＞＜/IfArticleRating＞＜/h2＞
＜/div＞
＜/div＞＜!-- articleHeader End --＞

＜div class="article-body"＞
＜div class="article-body-inner"＞
＜h3＞＜a href="＜$ArticlePermalink$＞" title="＜$ArticleTitle ESCAPE$＞の続きを読む"＞＜$ArticleTitle ESCAPE$＞＜/a＞：＜a href="＜$BlogUrl$＞" title="＜$BlogTitle ESCAPE$＞ トップへ"＞＜$BlogTitle ESCAPE$＞＜/a＞＜/h3＞
＜br /＞








このようなところで説明を終わりにしたいと思います。多分重要なポイントは全部書いた・・・ハズ！
うちのブログの最下層にあるようなRSSフィードのデザインなども、
要望があればまとめたいと思っています。


#codeタグもpreタグも＆lt;とかも試したんですが＜、＞が半角で表示させれませんでした。すみませんorz