レンタルサーバー選びの迷いを解決!全力サポートします

Google or AdMax Promotion (srv)

sitemap.xml/sitemap_index.xmlに表示用スタイルを指定する

サイトマップとサイトマップインデックスはサイト内コンテンツのURLを
検索エンジンに伝えてインデックス要求を行う事ができます。
実体はXMLファイルですが、目視確認するにはXMLのままでは視認性が悪くなります。
Webで開いた場合に整形されたHTMLとして表示できるように、
スタイルシートを指定して整形を行います。

サイトマップとサイトマップインデックスは、
似たXMLファイルですが、構造が異なりますのでスタイルは別々で指定します。

「サイトマップインデックス」に表示用スタイルを指定する

サイトマップインデックスの作成については以下でご紹介したものを利用します。

以下は整形前のXMLをスタイル指定なく表示したものです。

いかがでしょうか。
ブラウザが組み込みのデフォルトスタイルを使って表示してくれているので、
まだましですが「ソースの表示」を右クリックで選択して、
ファイルの実体を見ると更に読みにくい状態である事が分かるはずです。

実際には上記のスタイル指定なしのXMLには、
以下のようにスタイル指定を行って表示しています。

/sm_demo/sitemapindex_template.xsl」の部分がスタイルシートの指定です。

スタイルシートは以下URLで確認できます。

以下の通り、HTMLタグに部分部分にXML的なタグが含まれているのが分かります。

またスタイルシートの中ではHTMLで表示した際の
CSSスタイル指定がされています。

<link rel="stylesheet" type="text/css" href="./sitemap.css"/>

HTMLタグによって、どのような出力を行いたいのかというタグ出力を記載し、
そのタグに囲まれた部分にXMLの値を流し込んで表示するという仕組みです。

このXSLスタイルの定義には以下で紹介している注意点があります。

実際の表示スタイルの割り当てを行ったものは以下で確認ができます。

 

プロモーション

Google or AdMax Promotion (srvpos)

「サイトマップ」に表示用スタイルを指定する

サイトマップの作成については以下でご紹介したものを利用します。

以下は整形前のXMLをスタイル指定なく表示したものです。(一例)

いかがでしょうか。
こちらもブラウザが組み込みのデフォルトスタイルを使って表示してくれているので、
まだましですが「ソースの表示」を右クリックで選択して、
ファイルの実体を見ると更に読みにくい状態である事が分かるはずです。

実際には上記のスタイル指定なしのXMLには、
以下のようにスタイル指定を行って表示しています。

/sm_demo/sitemapindex_template.xsl」の部分がスタイルシートの指定です。

スタイルシートは以下URLで確認できます。

以下の通り、HTMLタグに部分部分にXML的なタグが含まれているのが分かります。

またスタイルシートの中ではHTMLで表示した際の
CSSスタイル指定がされています。

<link rel="stylesheet" type="text/css" href="./sitemap.css"/>

HTMLタグによって、どのような出力を行いたいのかというタグ出力を記載し、
そのタグに囲まれた部分にXMLの値を流し込んで表示するという仕組みです。

このXSLスタイルの定義には以下で紹介している注意点があります。

実際の表示スタイルの割り当てを行ったものは以下で確認ができます。


AdMax Promotion

公開日:
最終更新日:2018/06/04

コンテンツナビ
すべて展開 | すべて省略

AdMax Promotion

カテゴリ
すべて展開 | すべて省略

QRコードからもこのURLを開けます。