menu

VanThuong.Com

Blog học lập trình Java và SEO miễn phí.

Tối ưu hóa SEO Blogspot với các thẻ meta tag

Posted by on
Nếu như bạn đã từng sử dụng qua Wordpress thì các plugin như Wordpress SEO by Yoast, hoặc All In One SEO Pack chắc hẳn sẽ rất làm bạn hài lòng. Nó hỗ trợ khá tốt trong việc tối ưu hóa phần nội dung của các thẻ meta tag khi đăng tải bài viết mới.
Tối ưu hóa SEO Blogspot với các thẻ meta tag

Liệu rằng Blogspot có thể làm được điều đó? mình xin chắc chắn với các bạn rằng chúng ta hoàn toàn có thể làm được điều tương tự. Trong bài viết này, mình sẽ hướng dẫn các bước tối ưu hóa SEO với các thẻ meta tag trong Blogspot và những kỹ thuật liên quan. Nó sẽ giúp các bạn tự mình tối ưu hóa tương tự như các plugin trên Wordpress. Ngoài ra, các bạn có thểm xem thêm những bài viết khác về cách SEO Blogspot lên top Google để áp dụng nhé.

Tối ưu hóa SEO với Meta Tags

Thật sự mà nói, các plugin dành cho Wordpress nó cũng được thiết lập một cấu trúc cố định và phụ thuộc vào tùy biến của người dùng. Mỗi khi đăng bài viết, người dùng có thể chỉnh sửa Permalink và điền mô tả tìm kiếm. Điều đó hoàn toàn có thể làm được bởi trên Blogspot cũng cung cấp cho người dùng 2 tính năng này ở phần Post settings phía bên phải.
Post settings trong blogspot khi SEO

So sánh giữa hai nền tảng blog, bạn có thể dễ dàng nhận ra rằng Label của Blogspot sẽ tương ứng các danh mục (category) của Wordpress. Thế nhưng, trên Blogspot sẽ hơi phức tạp một chút xíu nếu muốn điều chỉnh mô tả cho các Label. Nếu như bạn có ý định SEO Label của Blogspot mình cũng sẽ hướng dẫn thêm nhưng sẽ khá rắc rối và phần mã code sẽ dài hơi bình thường đấy nhé. Trong bài này mình sẽ hướng dẫn các bạn tùy biến các thẻ meta tag trước và sẽ hướng dẫn cụ thể hơn vụ SEO Label trong bài viết sau.

Thêm các Meta tags hỗ trợ SEO vào blogspot

Bước 1: Các bạn đăng nhập vào blog của mình, sau đó vào mục Template > Edit HTML.

Bước 2: Trong phần <head></head>, các bạn hãy xóa bỏ toàn bộ các thẻ meta mà mình đang sử dụng. Hoặc có copy chúng ra đâu đó để lát nữa còn so sánh với đoạn code của mình. Dưới đây là đoạn meta tags chuẩn SEO đang được sử dụng bởi trang vanthuong.com. Các bạn sao chép và dán vào trong <head></head> của template mà bạn đang sử dụng. Sau đó thực hiện chỉnh sửa lại các Text được tô màu cho phù hợp với trang web của bạn nhé.
- Tiêu đề trang chủ của Blog
- Mô tả dành riêng cho trang chủ
- http://3.bp.blogspot.com/-JIkWsM5p3mY/VpI6ydU4SXI/AAAAAAAAjIU/QqjsvBisOe4/s1600/gioi-thieu-ve-java.png
- VanThuong.Com
- http://www.vanthuong.com

SEO Meta tags
<meta charset='UTF-8'/>
 <!-- Blogger SEO by Vanthuong.Com -->
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Meta tags for homepage-->
<title>Tiêu đề trang chủ của Blog</title>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='Mô tả dành riêng cho trang chủ' name='description'/>
<meta content='vi_VN' property='og:locale'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='Mô tả dành riêng cho trang chủ' property='og:description'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='http://3.bp.blogspot.com/-JIkWsM5p3mY/VpI6ydU4SXI/AAAAAAAAjIU/QqjsvBisOe4/s1600/gioi-thieu-ve-java.png' property='og:image'/>
<meta content='website' property='og:type'/>
<b:else/>
 <b:if cond='data:blog.pageType == &quot;archive&quot;'>
 <!-- Meta tags for Archives -->
<title>Lưu trữ blog tháng <data:blog.pageName/></title>
<link expr:href='data:blog.url' rel='canonical'/>
<meta expr:content='&quot;Lưu trữ blog &quot; +data:blog.pageName+ &quot;, một vài từ khóa mô tả khác.&quot;' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- Meta tags for pages-->
<title><data:blog.pageName/></title>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/></b:if>
<meta content='noodp,noydir' name='robots'/>
<meta content='vi_VN' property='og:locale'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/></b:if>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='article' property='og:type'/>
<meta content='http://3.bp.blogspot.com/-JIkWsM5p3mY/VpI6ydU4SXI/AAAAAAAAjIU/QqjsvBisOe4/s1600/gioi-thieu-ve-java.png' property='og:image'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Meta tags for posts-->
<title><data:blog.pageName/> - VanThuong.Com</title>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/></b:if>
<meta content='noodp,noydir' name='robots'/>
<meta content='vi_VN' property='og:locale'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/></b:if>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.pageName != &quot;&quot;'>
<!-- Meta tags for Label -->
<title><data:blog.pageName/> | Các bài viết về <data:blog.pageName/></title>
<meta expr:content='&quot;Bài viết liên quan đến &quot; + data:blog.pageName + &quot; mới nhất, xem các nội dung về từ khóa &quot; + data:blog.pageName + &quot; trên vanthuong.com.&quot;' name='description'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:else/>
<title><data:blog.title/></title>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
<meta content='blogger' name='generator'/>
<link href='http://www.vanthuong.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://www.vanthuong.com/feeds/posts/default' rel='alternate' title='Tiêu đề trang chủ của Blog - Atom' type='application/atom+xml'/>
<link href='http://www.vanthuong.com/feeds/posts/default?alt=rss' rel='alternate' title='Tiêu đề trang chủ của Blog - RSS' type='application/rss+xml'/>

<link href='https://plus.google.com/112584370687179756961' rel='author'/>
<!-- Blogger SEO by VanThuong.Com -->

Bước 3: Lưu template lại và chuyển sang bước 4

Bước 4: Vào mục Settings > Search preferences. Trong phần Meta tags bấm Edit mục Description > tick chọn Yes và điền mô tả dành cho trang của vào đây. Cuối cùng nhấn Save changes.
Thiết lập description cho blogspot

Lời kết

OK như vậy là bạn đã hoàn tất việc tối ưu hóa SEO Blogspot với các thẻ meta tags theo hướng dẫn của mình rồi. Việc còn lại là mỗi khi viết bài bạn phải điền mô tả cụ thể cho bài viết trong phần Post settings như mình đã ví dụ ở đầu bài viết trên. Nếu như bạn có bất kỳ thắc mắc nào về thủ thuật này thì hãy để lại bình luận mình sẽ trả lời nhé.
3 nhận xét:

menu