Hướng dẫn chèn Plugin SEO thẻ Meta cho Blogspot

Nếu bạn đã từng làm việc với Wordpress thì có thể bạn đã được tiếp xúc với những Plugin hỗ trợ rất tốt cho SEO như Yoast SEO, All in One SEO Pack... Việc cài đặt và sử dụng nó cũng rất đơn giản, nhanh chóng. Đối với Blogspot thì mọi thứ không được tự động như vậy, rất nhiều thứ chúng ta cần làm thủ công, đối với những Template Blogspot mặc định của Blogger mình khẳng định nó chưa tối ưu được những thẻ meta cần thiết cho SEO, điều này sẽ làm ảnh hưởng rất nhiều đến kết quả trên những công cụ tìm kiếm, vậy nên hôm nay mình xin chia sẻ cho các bạn đoạn code đã được tối ưu khá tốt cho SEO thẻ Meta cho blog của bạn.

Hướng dẫn chèn Plugin SEO thẻ Meta cho Blogspot

Cái tiêu đề mình giật tít tí thôi chứ Plugin thì cũng không phải, chỉ là mình tối ưu lại code phần head cho mấy thẻ meta :))

Một số tính năng của Plugin SEO cho Blogspot

  • Tối ưu SEO cho Facebook
  • Tối ưu SEO cho Google+
  • Tối ưu SEO cho Twitte
  • Tối ưu title, keyword,  description  ở trang Chủ, trang Item, trang Page, trang Nhãn, trang Tìm kiếm, trang Archive.
  • Đánh dấu vị trí của bạn
  • Thêm author - publisher cho blog trên các mạng xã hội như Facebook, Google +, twitter

Hướng dẫn chèn Plugin SEO cho Blogspot

  • Đăng nhập vào của bạn Bảng điều khiển Blogger
  • Click vào Template, ở đây bạn sẽ thấy nút Edit HTML nhấp vào nó
  • Bây giờ trong mẫu  tìm kiếm  thẻ <head>
  • Thay thế toàn bộ code ở đây vào Blog của bạn ( bắt đầu từ thẻ <head> tới thẻ <b:skin> xem hình )
  • Và thay thế ID ( màu đỏ cho phù hợp với Blog của bạn )
Hướng dẫn chèn Plugin SEO thẻ Meta cho Blogspot

 <b:include data='blog' name='all-head-content'/>
    <title>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
404 | <data:blog.title/>
</b:if>
</b:if>
    </title>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
<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:else/> <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
</b:if></b:if>
<!-- Metadata Facebook -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='218168578325095' property='fb:app_id'/>
<meta content='100002549773049' property='fb:admins'/>
<!-- Metadata Twitter -->
<meta name='twitter:card' value='summary'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@publisher_handle' name='twitter:site'/>
<meta content='@author_handle' name='twitter:creator'/>
<!-- Google Authorship and Publisher Markup -->
<link href='https://plus.google.com/[Google+_Profile]/posts' rel='author'/>
<link href='https://plus.google.com/[Google+_Page_Profile]' rel='publisher'/>
<!-- Schema.org markup for Google+ -->
<meta expr:content='data:blog.pageTitle' itemprop='name'/>
 <!--[if lt IE 9]>

P/s: Bài viết có sử dụng hình ảnh và một số văn bản trên blog Peter Duy Blog

0 nhận xét trong bài "Hướng dẫn chèn Plugin SEO thẻ Meta cho Blogspot"

Đăng nhận xét