Chào các bạn, bạn đang sử dụng nền tảng Blogspot/Blogger để tạo trang web, blog cá nhân cho mình? Bạn đang phân vân không biết nên thực hiện những gì để có thể tối ưu hóa SEO cho trang web của mình?
OK, trong bài viết này, mình sẽ tổng hợp lại tất cả các bước để tối ưu SEO cho Blogspot chuẩn nhất và mình đã thành công!
1. Tối ưu hóa robots.txt
User-agent: *
<meta charset='utf-8'/> <meta content='IE=edge' http-equiv='X-UA-Compatible'/> <meta content='width=device-width, initial-scale=1' name='viewport'/> <meta content='blogger' name='generator'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='index,follow' name='Googlebot'/> <meta content='index,follow,noodp' name='robots'/> <meta content='noodp' name='robots'/> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <meta content='https://www.facebook.com/ID/' property='article:publisher'/> <meta content='https://www.facebook.com/ID/' property='article:author'/> <b:if cond='data:blog.pageType == "static_page"'> <title><data:blog.pageName/></title> <meta content='index,follow' name='robots'/> <meta content='noodp' name='robots'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/></b:if> <b:if cond='data:blog.searchLabel'> <title><data:blog.pageName/></title> <!-- TRANG LABEL --> <meta content='THÊM Description' name='Description'/> <meta content='THÊM keywords' name='keywords'/> <meta content='index,follow' name='robots'/></b:if> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <meta expr:content='data:blog.metaDescription' name='description'/> <link expr:href='data:blog.url' rel='canonical'/> <meta content='noodp,noydir' name='robots'/> <meta content='THÊM keywords' name='keywords'/> <meta content='website' property='og:type'/> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.metaDescription' name='og:description'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='LINK ẢNH TRANG CHỦ' property='og:image'/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <title><data:blog.pageName/></title> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'> <meta content='noodp' name='robots'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <meta expr:content='data:blog.postImageUrl' name='twitter:image'/> <meta expr:content='data:blog.postImageUrl' itemprop='image'/></b:if> <meta content='data:blog.pageName' property='og:site_name'/> <meta content='article' property='og:type'/></b:if> <b:if cond='data:blog.pageType == "error_page"'> <title>Page Not Found</title></b:if> <b:if cond='data:blog.pageType == "archive"'> <meta content='noindex' name='robots'/></b:if> <b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if> <b:if cond='data:blog.pageType != "error_page"'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/></b:if></b:if> <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> <meta content='ID' property='fb:app_id'/> <meta content='ID' property='fb:admins'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <link href='https://plus.google.com/+ID/posts/about' rel='author'/> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <link expr:href='data:blog.url' expr:title='data:blog.pageName' rel='openid.delegate'/> <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'/> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <script type='application/ld+json'> {"@context" : "http://schema.org","@type" : "WebSite","name" : "<data:blog.pageTitle/>","url" : "LINK TRANG CHỦ"} </script> <link expr:href='data:blog.canonicalHomepageUrl' hreflang='vi-vn' rel='alternate'/></b:if> <b:else/> <b:if cond='data:blog.pageTitle != data:blog.title'> <link expr:href='data:blog.canonicalUrl' hreflang='vi-vn' rel='alternate'/> </b:if></b:if>
Nâng cao: Thêm thẻ mô tả cho từng bài viết
Đầu tiên, bạn vào Cài đặt -> bật Mô tả của Thẻ meta lên. Sau đó, mỗi khi viết bài bạn sẽ thấy xuất hiện thêm phần Mô tả tìm kiếm ở cột bên phải khung soạn thảo. Tại đây bạn sẽ nhập nội dung mô tả của từng bài viết vào nhé!
3. Tối ưu hình ảnh
<script type='text/javascript'> $(document).ready(function() { $('img').each(function() { var $img = $(this); var filename = $img.attr('src') $img.attr('alt', filename.substring((filename.lastIndexOf('/')) + 1, filename.lastIndexOf('.'))); }); }); </script> <script type='text/javascript'> $(document).ready(function() { $('img').each(function() { var $img = $(this); var filename = $img.attr('src') $img.attr('title', filename.substring((filename.lastIndexOf('/')) + 1, filename.lastIndexOf('.'))); }); }); </script>
4. Tối ưu SEO Label Blogspot
<b:if cond='data:blog.searchLabel == "Tên Label"'> <title>Tiêu đề bạn muốn hiển thị</title> <meta content='Mô tả cho Label' name='description'/> <b:else/>
5. Tối ưu tốc độ trang web
OK, trong bài viết này, mình sẽ tổng hợp lại tất cả các bước để tối ưu SEO cho Blogspot chuẩn nhất và mình đã thành công!
1. Tối ưu hóa robots.txt
Nhiệm vụ của file robots.txt là cho phép và không cho phép bọ tìm kiếm truy cập và index các page trên trang web của bạn. Nếu bạn tối ưu tốt file này, bạn sẽ có thể tăng được tốc độ index các bài viết của mình trên các công cụ tìm kiếm. Do vậy, việc tối ưu hóa file robots.txt là hết sức quan trọng trong việc SEO lên TOP.
Thông thường, chúng ta sẽ chặn index một số trang sau: Tìm kiếm, Các page từ thứ 2 trở đi,… Vì vậy, chúng ta sẽ có một file robots.txt chuẩn chung dành cho các trang web sử dụng Blogspot như sau:
Thông thường, chúng ta sẽ chặn index một số trang sau: Tìm kiếm, Các page từ thứ 2 trở đi,… Vì vậy, chúng ta sẽ có một file robots.txt chuẩn chung dành cho các trang web sử dụng Blogspot như sau:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Sitemap: http://yourdomain/sitemap.xml
Ngoài ra, nếu các bạn muốn SEO Label Blogspot thì nên thêm dòng sau vào file robots.txt:
Allow: /search/label/
2. Tối ưu thẻ Title và Description
Allow: /search/label/
2. Tối ưu thẻ Title và Description
Song song với việc tối ưu file robots.txt thì việc tối ưu thẻ Title và Description cho website cũng không kém phần quan trọng. Nếu bạn có một tiêu đề và mô tả cho bài viết hay, chứa được các từ khóa quan trọng – Thì việc bài viết của bạn xuất hiện nhiều trên kết quả tìm kiếm cũng như có nhiều lượt khách truy cập là không hề khó.
Vậy làm sao để tối ưu được các thẻ này cho blog của mình? Như các bạn đã biết, thẻ tiêu đề sẽ được định bằng cặp thẻ <title>Tiêu đề bài viết</title> và thẻ mô tả sẽ được định bằng thẻ <meta name="description" content="Nội dung mô tả bài viết" />. Vì vậy việc của chúng ta là tối ưu các thẻ này cho từng trang, từng bài viết của mình mà thôi.
Sau một thời gian nghiên cứu và tìm tòi, mình đã tích hợp được một tập hợp các thẻ nhằm tối ưu SEO cho Blogspot mà chúng ta hay gọi là All in One SEO Pack cho Blogger.
Vậy làm sao để tối ưu được các thẻ này cho blog của mình? Như các bạn đã biết, thẻ tiêu đề sẽ được định bằng cặp thẻ <title>Tiêu đề bài viết</title> và thẻ mô tả sẽ được định bằng thẻ <meta name="description" content="Nội dung mô tả bài viết" />. Vì vậy việc của chúng ta là tối ưu các thẻ này cho từng trang, từng bài viết của mình mà thôi.
Sau một thời gian nghiên cứu và tìm tòi, mình đã tích hợp được một tập hợp các thẻ nhằm tối ưu SEO cho Blogspot mà chúng ta hay gọi là All in One SEO Pack cho Blogger.
<meta charset='utf-8'/> <meta content='IE=edge' http-equiv='X-UA-Compatible'/> <meta content='width=device-width, initial-scale=1' name='viewport'/> <meta content='blogger' name='generator'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='index,follow' name='Googlebot'/> <meta content='index,follow,noodp' name='robots'/> <meta content='noodp' name='robots'/> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <meta content='https://www.facebook.com/ID/' property='article:publisher'/> <meta content='https://www.facebook.com/ID/' property='article:author'/> <b:if cond='data:blog.pageType == "static_page"'> <title><data:blog.pageName/></title> <meta content='index,follow' name='robots'/> <meta content='noodp' name='robots'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/></b:if> <b:if cond='data:blog.searchLabel'> <title><data:blog.pageName/></title> <!-- TRANG LABEL --> <meta content='THÊM Description' name='Description'/> <meta content='THÊM keywords' name='keywords'/> <meta content='index,follow' name='robots'/></b:if> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <meta expr:content='data:blog.metaDescription' name='description'/> <link expr:href='data:blog.url' rel='canonical'/> <meta content='noodp,noydir' name='robots'/> <meta content='THÊM keywords' name='keywords'/> <meta content='website' property='og:type'/> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.metaDescription' name='og:description'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='LINK ẢNH TRANG CHỦ' property='og:image'/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <title><data:blog.pageName/></title> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'> <meta content='noodp' name='robots'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <meta expr:content='data:blog.postImageUrl' name='twitter:image'/> <meta expr:content='data:blog.postImageUrl' itemprop='image'/></b:if> <meta content='data:blog.pageName' property='og:site_name'/> <meta content='article' property='og:type'/></b:if> <b:if cond='data:blog.pageType == "error_page"'> <title>Page Not Found</title></b:if> <b:if cond='data:blog.pageType == "archive"'> <meta content='noindex' name='robots'/></b:if> <b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if> <b:if cond='data:blog.pageType != "error_page"'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/></b:if></b:if> <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> <meta content='ID' property='fb:app_id'/> <meta content='ID' property='fb:admins'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <link href='https://plus.google.com/+ID/posts/about' rel='author'/> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <link expr:href='data:blog.url' expr:title='data:blog.pageName' rel='openid.delegate'/> <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'/> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <script type='application/ld+json'> {"@context" : "http://schema.org","@type" : "WebSite","name" : "<data:blog.pageTitle/>","url" : "LINK TRANG CHỦ"} </script> <link expr:href='data:blog.canonicalHomepageUrl' hreflang='vi-vn' rel='alternate'/></b:if> <b:else/> <b:if cond='data:blog.pageTitle != data:blog.title'> <link expr:href='data:blog.canonicalUrl' hreflang='vi-vn' rel='alternate'/> </b:if></b:if>
Nâng cao: Thêm thẻ mô tả cho từng bài viết
Đầu tiên, bạn vào Cài đặt -> bật Mô tả của Thẻ meta lên. Sau đó, mỗi khi viết bài bạn sẽ thấy xuất hiện thêm phần Mô tả tìm kiếm ở cột bên phải khung soạn thảo. Tại đây bạn sẽ nhập nội dung mô tả của từng bài viết vào nhé!
3. Tối ưu hình ảnh
Ngoài việc tối ưu cho các bài viết và từ khóa cho trang web, thì việc tối ưu hình ảnh cũng đem lại cho bạn một lượng truy cập đáng kể đấy.
Một hình ảnh được xem là chuẩn SEO khi có đầy đủ cả thẻ title và alt. Nếu bạn không có thời gian để thêm cho từng hình ảnh thì có thể sử dụng đoạn code sau để tự động lấy tiêu đề bài viết để là thẻ title và alt.
Một hình ảnh được xem là chuẩn SEO khi có đầy đủ cả thẻ title và alt. Nếu bạn không có thời gian để thêm cho từng hình ảnh thì có thể sử dụng đoạn code sau để tự động lấy tiêu đề bài viết để là thẻ title và alt.
<script type='text/javascript'> $(document).ready(function() { $('img').each(function() { var $img = $(this); var filename = $img.attr('src') $img.attr('alt', filename.substring((filename.lastIndexOf('/')) + 1, filename.lastIndexOf('.'))); }); }); </script> <script type='text/javascript'> $(document).ready(function() { $('img').each(function() { var $img = $(this); var filename = $img.attr('src') $img.attr('title', filename.substring((filename.lastIndexOf('/')) + 1, filename.lastIndexOf('.'))); }); }); </script>
4. Tối ưu SEO Label Blogspot
Thông thường, chúng ta thường không SEO Label khi sử dụng Blogspot bởi URL nó không đẹp và một số bạn thì không biết cách. Tuy nhiên, qua trải nghiệm thì mình thấy SEO Label cho Blogspot cũng rất dễ và hay.
Có lẽ cái khó nhất ở đây chính là việc tối ưu Title và thẻ Description nhỉ? Mặc định thì Blogspot không có chức năng này. Tuy nhiên, dựa vào thẻ điều kiện mà Blogspot đã hố trợ thì chúng ta lại có thể khắc phục rất dễ dàng. Các bạn chỉ cần copy đoạn code dưới, sửa lại cho phù hợp và thêm vào dưới thẻ <head>trong Template của bạn mà thôi.
Có lẽ cái khó nhất ở đây chính là việc tối ưu Title và thẻ Description nhỉ? Mặc định thì Blogspot không có chức năng này. Tuy nhiên, dựa vào thẻ điều kiện mà Blogspot đã hố trợ thì chúng ta lại có thể khắc phục rất dễ dàng. Các bạn chỉ cần copy đoạn code dưới, sửa lại cho phù hợp và thêm vào dưới thẻ <head>trong Template của bạn mà thôi.
<b:if cond='data:blog.searchLabel == "Tên Label"'> <title>Tiêu đề bạn muốn hiển thị</title> <meta content='Mô tả cho Label' name='description'/> <b:else/>
5. Tối ưu tốc độ trang web
Các công cụ tìm kiếm luôn đặt trải nghiệm người dùng lên đầu, vì vậy việc một trang web có tốc độ tải trang chậm sẽ luôn bị đánh giá thấp hơn một trang web có tốc độ tải trang nhanh. Thờ gian trở lại đây thì Google chính thức công bố thêm thời gian tải trang vào để xếp hạng trang web trên kết quả tìm kiếm của mình.
6. Tối ưu giao diện cho thiết bị di động
6. Tối ưu giao diện cho thiết bị di động
Càng ngày, chúng ta sử dụng thiết bị di động cho việc giải trí càng nhiều. Chính vì vậy, việc tối ưu trang web của mình cho các thiết bị di động là một việc cần thiết. Gần đây, Google lại cũng đã chính thức thêm yếu tố tương thích với thiết bị di dộng vào việc xếp hạng các trang web trên kết quả tìm kiếm.
Chúc các bạn thành công!
(Trọng Khanh Nguyễn)
Chúc các bạn thành công!
(Trọng Khanh Nguyễn)
(Nguồn: mocgin.com)
0 bình luận