加入description/keywords的meta方式 - 部落格
By George
at 2011-11-13T00:31
at 2011-11-13T00:31
Table of Contents
之前就有發生把網誌發佈到一些網站，擷取的敘述很怪的問題，
查了一下版上似乎只有幾篇有討論到 Blogger 的作法（#14kqsMTZ #1DVYmvV3），
經過一陣子的努力，
終於找到一些不是很完美的作法：
不是文章，就用自訂的敘述。
是文章，就把文章標題塞進去。
至少比奇怪的敘述好了一點。
網誌版：
http://askeing.blogspot.com/2011/11/blog-metadescription-keywords.html
以下是精簡版，
因為一行放不下，所以加入行號來參考行數。
到 Blogger 管理介面，
設計 - 修改 HTML，勾選展開小裝置範本。
先 下載完整範本 下載備份。
在 <head> 裡面插入：
=====
01: <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
02: <meta http-equiv='Content-Language' content='zh'/>
03: <b:if cond='data:blog.url == data:blog.homepageUrl'>
04: <meta name='description' content='YOUR DESCRIPTION'/>
05: <meta name='keywords' content='YOUR KEYWORDS'/>
06: <b:else/>
07: <b:if cond='data:blog.pageType == "item"'>
08: <meta name='description' expr:content='data:blog.pageTitle'/>
09: <meta name='keywords' expr:content='data:blog.pageTitle + "
, YOUR KEYWORDS "'/>
10: <b:else/>
11: <meta name='description' content='YOUR DESCRIPTION'/>
12: <meta name='keywords' content='YOUR KEYWORDS'/>
13: </b:if>
14: </b:if>
=====
如果要把 tag 標籤加入關鍵字，似乎無法插入 head
所以只能將就產生在文章中
找到 <span class='post-labels'>
裡面應該有迴圈會去撈 tag 顯示出來，在 span 裡面找地方加入：
=====
01: <b:if cond='data:blog.pageType == "item"'>
02: <meta name="keywords" content="<b:loop
values='data:post.labels' var='label'><data:label.name/><b:if
cond='data:label.isLast != "true"'>,</b:if></b:loop>" />
03: </b:if>
=====
這樣就會把 tag 的 keywords meta 產生在文章中了。
但並不是標準的作法（因為不在 head 中）。
如果要手動指定各篇文章的敘述和關鍵字，
每多一篇文章就要手動去增加一段程式碼，算是滿麻煩的。
主要就是把第一段程式碼 item 那段換成：
=====
01: <b:if cond='data:blog.url ==
"http //YOURBLOG blogspot com/POSTURL"'>
02: <meta name='description' content='YOUR DESCRIPTION'/>
03: <meta name='keywords' content='YOUR KEYWORDS'/>
=====
希望以上能有一些小幫助。
--
星塵｜http://askeing.blogspot.com/
噗浪｜http://plurk.com/Askeing/invite
jPlurk - Plurk Official API Binding in Java
http://jplurk.googlecode.com/
--
查了一下版上似乎只有幾篇有討論到 Blogger 的作法（#14kqsMTZ #1DVYmvV3），
經過一陣子的努力，
終於找到一些不是很完美的作法：
不是文章，就用自訂的敘述。
是文章，就把文章標題塞進去。
至少比奇怪的敘述好了一點。
網誌版：
http://askeing.blogspot.com/2011/11/blog-metadescription-keywords.html
以下是精簡版，
因為一行放不下，所以加入行號來參考行數。
到 Blogger 管理介面，
設計 - 修改 HTML，勾選展開小裝置範本。
先 下載完整範本 下載備份。
在 <head> 裡面插入：
=====
01: <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
02: <meta http-equiv='Content-Language' content='zh'/>
03: <b:if cond='data:blog.url == data:blog.homepageUrl'>
04: <meta name='description' content='YOUR DESCRIPTION'/>
05: <meta name='keywords' content='YOUR KEYWORDS'/>
06: <b:else/>
07: <b:if cond='data:blog.pageType == "item"'>
08: <meta name='description' expr:content='data:blog.pageTitle'/>
09: <meta name='keywords' expr:content='data:blog.pageTitle + "
, YOUR KEYWORDS "'/>
10: <b:else/>
11: <meta name='description' content='YOUR DESCRIPTION'/>
12: <meta name='keywords' content='YOUR KEYWORDS'/>
13: </b:if>
14: </b:if>
=====
如果要把 tag 標籤加入關鍵字，似乎無法插入 head
所以只能將就產生在文章中
找到 <span class='post-labels'>
裡面應該有迴圈會去撈 tag 顯示出來，在 span 裡面找地方加入：
=====
01: <b:if cond='data:blog.pageType == "item"'>
02: <meta name="keywords" content="<b:loop
values='data:post.labels' var='label'><data:label.name/><b:if
cond='data:label.isLast != "true"'>,</b:if></b:loop>" />
03: </b:if>
=====
這樣就會把 tag 的 keywords meta 產生在文章中了。
但並不是標準的作法（因為不在 head 中）。
如果要手動指定各篇文章的敘述和關鍵字，
每多一篇文章就要手動去增加一段程式碼，算是滿麻煩的。
主要就是把第一段程式碼 item 那段換成：
=====
01: <b:if cond='data:blog.url ==
"http //YOURBLOG blogspot com/POSTURL"'>
02: <meta name='description' content='YOUR DESCRIPTION'/>
03: <meta name='keywords' content='YOUR KEYWORDS'/>
=====
希望以上能有一些小幫助。
--
星塵｜http://askeing.blogspot.com/
噗浪｜http://plurk.com/Askeing/invite
jPlurk - Plurk Official API Binding in Java
http://jplurk.googlecode.com/
--
Tags:
部落格
All Comments
By Olga
at 2011-11-13T21:52
at 2011-11-13T21:52
By Quintina
at 2011-11-18T21:07
at 2011-11-18T21:07
Related Posts
Godaddy 在CNAME又卡關了...
By Harry
at 2011-11-12T17:03
at 2011-11-12T17:03
地圖連結到不同的分頁~求助!!!
By Poppy
at 2011-11-12T05:33
at 2011-11-12T05:33
用後台直接向godaddy買網域疑問
By Selena
at 2011-11-12T01:52
at 2011-11-12T01:52
Re: PTT Blog板友簽到簿(PTTBlogRolling!)
By Steve
at 2011-11-11T22:19
at 2011-11-11T22:19
圖片空間大小與Picasa
By Olga
at 2011-11-11T19:41
at 2011-11-11T19:41