- Một tem plate blogspot cơ bản sẽ có dạng như sau :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html ...>
...
<head>
...
<b:skin><![CDATA[/*
...CSS Style...
]]></b:skin>
...
</head>
<body>
...
</body>
</html>
- Một template chuẩn SEO và HTML5 sẽ có dạng như sau:
<?xml version="1.0" encoding="UTF-8" ?>Lưu ý: Thay kí tự & hay & thành &amp;
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection' lang='vi'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='Tiêu đề tragn web' name='DC.title'/>
<meta content='Description' name='DC.description'/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
404 | <data:blog.title/>
</b:if>
</b:if>
</title>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='description' name='description'/>
<meta content='keywords' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='Description'/>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.canonicalUrl' property='og:description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
</b:if>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='1 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='vn' name='geo.country'/>
<meta content='VietNam' name='geo.placename'/>
<meta content='Author' name='author'/>
<meta content='all' name='Slurp'/>
<meta content='VN' name='geo.region'/>
<meta content='Hanoi' name='geo.placename'/>
<meta content='Tọa độ địa lý' name='geo.position'/>
<meta content='Tọa độ địa lý' name='ICBM'/>
<meta content='ID APP facebook comment' property='fb:app_id'/>
<meta content='ID Admin' property='fb:admins'/>
<!-- Google Authorship and Publisher Markup -->
<link href='https://plus.google.com/ID_Google/about' rel='author'/>
<link href='https://plus.google.com/ID_Google/posts' rel='publisher'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + ", " + data:blog.metaDescription' name='Keywords'/>
</b:if>
<style type="text/css"><!-- /*
<b:skin><![CDATA[/*
...CSS Style...
]]></b:skin>
</head>
<body expr:class='data:blog.pageType' itemscope='itemscope' itemtype='http://schema.org/WebPage'>
....
</body></HTML>
- Sửa các thẻ <meta>: Để chỉnh sửa các thẻ meta description và meta keyword các bạn tìm đền đoạn code sau :
<meta content='Mô tả blog' name='DC.description'/>-Thêm mô tả cho link của tiêu đề: Khi đưa chuột vào tiêu đề bài viết, bạn sẽ thấy hiện lên phần mô tả cho đường link đó. Để làm được điều này các bạn làm như sau :
....
<meta content='Mô tả blog' name='description'/>
<meta content='Các từ khóa chính' name='keywords'/>
☺Tìm đến đoạn code sau:
<a expr:href='data:post.link'><data:post.title/></a>và sửa thành :
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>☺Tiếp tục tìm đến dòng:
<a expr:href='data:post.url'><data:post.title/></a>và sửa thành:
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>- Điều chỉnh tiêu đề bài viết thành <h1>:
☻Tìm đoạn code sau:
<b:if cond='data:post.title'>và sửa thành:
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:blog.pageType != "item"'>☺Chỉnh sửa CSS cho thẻ <h1>, tìm đến dòng:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
.post h3 {…}và sửa thành:
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}
.post h1, .post h3 {…}-Tạo Breadcrumb cho Blogspot:
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}
.post h1 a:hover, .post h3 a:hover {…}
☻Tìm tới thẻ ]]></b:skin> và dán code dưới đây ngay trên nó.
.breadcrumbs {☻Tìm tới đoạn code sau:
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
<b:include data='top' name='status-message'/>và dán đoạn code sau lên trên nó.
<b:include data='posts' name='breadcrumb'/>☻Tìm tới dòng:
<b:includable id='main' var='top'>Và dán code dưới đây ngay trên nó.
♥ Lưu ý: Nếu tìm thấy 2 dòng ở bước 4 thì bạn dán code dưới đây trên dòng thứ 2 mà đã tìm thấy nhé.
<b:includable id='breadcrumb' var='posts'>- Tạo Sitemap cho Blogspot: Blogspot gồm 2 dạng Sitemap:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Trang chủ</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Danh mục <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
♥Thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), ♥Thứ hai là loại sitemap.html dành cho người dùng.
☺Để tạo sitemap cho Googlebots, bạn chỉ cần vào Google Webmaster Tools, tỉm đến mục submit sitemap và thêm đoạn mã sau vào ô text :atom.xml?redirect=false&start-index=1&max-results=500☺Để tạo sitemap với ngừoi dùng các bạn tạo 1 trang mới, sau đó các bạn chuyển sang chế độ HTML và chèn đoạn code sau:
<script src="http://caocongkien.googlecode.com/svn/sitemap-lables.js"></script>Tất cả những kiến thức ở trên đều được mình viết dựa trên kinh nghiệm cá nhân và nguồn dữ liệu sưu tầm từ Internet.
<script src="http://blog của bạn/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
Chúc các bạn thành công !
No comments:
Post a Comment