Trang chủ
Blogspot Tips

Meta tag seo tốt nhất cho blogspot

Tối ưu hóa thẻ meta là cách tốt nhất để cung cấp thông tin trên trang web cho các công cụ tìm kiếm như Google, Bing, v.v. Không chỉ vậy, thẻ meta là một trong những thành phần quan trọng nhất phải được thực hiện trên một trang web hoặc blog như là bước tối ưu hóa SEO onpage cơ bản nhất.

Meta tag seo 2022 mới nhất dành cho blogger
Meta tag seo 2022 mới nhất dành cho blogger

Nếu được đơn giản hóa, thẻ meta là một tập hợp mã HTML được cài đặt trên trang web hoặc blog được viết trong phần <head> có chức năng giúp các công cụ tìm kiếm hoặc phương tiện truyền thông xã hội tìm ra bản tóm tắt tổng thể nội dung của một trang web.

Meta tag seo iTeam OS

Meta Tag quan trọng như thế nào?

Để có được một vị trí trong kết quả tìm kiếm, một trang web hoặc blog phải bao gồm các thẻ meta vào cấu trúc mã của blog đó, trừ khi blog đó được đặt cho người đọc cá nhân hoặc cụ thể. Có thể nói, dữ liệu sẽ xuất hiện trong kết quả tìm kiếm hầu hết được lấy từ các thẻ meta.

Một thẻ meta tốt được sắp xếp gọn gàng và đầy đủ sẽ giúp trang web của bạn được các công cụ tìm kiếm lập chỉ mục nhanh hơn và rất có thể sẽ có được vị trí cao trong kết quả tìm kiếm.

Kết quả tìm kiếm từ bài viết này
Kết quả tìm kiếm từ bài viết này

Nên có gì trong thẻ meta?

Thẻ meta chuẩn nhất là thẻ meta cung cấp một số thông tin quan trọng như Tiêu đề trang web, Mô tả, Từ khóa và Hình ảnh thu nhỏ.

Nếu bốn dữ liệu trên đã tồn tại trong thẻ meta của bạn trước đó thì nó đủ để cạnh tranh trong kết quả tìm kiếm. Nhưng không chỉ trang web của bạn áp dụng phương pháp trên, còn có hàng nghìn trang web khác có ngách tương tự cũng áp dụng điều tương tự ngay cả khi có nội dung chất lượng hơn trang web của bạn. Bạn có thể cạnh tranh với họ không?

Cơ hội duy nhất của bạn là tối đa hóa các thẻ meta của bạn bằng cách thêm một số mã khác cũng quan trọng không kém để cải thiện chất lượng trang web của bạn. Vậy những thứ bạn cần thêm vào trang web của mình là gì? xem giải thích bên dưới:

Meta Open Graph

Nguồn lưu lượng truy cập / khách của một trang web không chỉ đến từ các công cụ tìm kiếm, hầu hết chúng đều được lấy từ các phương tiện truyền thông xã hội. vì vậy, điều quan trọng là cung cấp bản tóm tắt thông tin trang web của bạn cho các phương tiện truyền thông xã hội như facebook , Twitter , v.v. Mẹo là thêm một thẻ meta biểu đồ mở trên trang web của bạn.

Quản lý trang web

Chứa thông tin độc quyền từ một trang web, chẳng hạn như tên của người tạo trang web, liên kết thông tin chủ sở hữu trang web, mã xác minh quản trị viên web, v.v.

Meta Tag Robot

Thẻ meta này phục vụ để cung cấp thông tin phức tạp hơn cho robot công cụ tìm kiếm, những thứ quan trọng thường được thêm vào thẻ meta này là thông tin về ngôn ngữ trang web của bạn, vị trí trang web của bạn và một số thứ khác.

Nếu bạn đã áp dụng tất cả các thông tin trên cho các thẻ meta của mình, bạn có thể chắc chắn rằng trang web của mình sẽ chiếm vị trí cao trong kết quả tìm kiếm. Ít nhất thì trang web của bạn được lập chỉ mục nhanh hơn bình thường.

Thẻ meta tốt trông như thế nào?

Nó không chỉ cung cấp thông tin đầy đủ, thẻ meta tốt là thẻ được sắp xếp gọn gàng và chủ sở hữu trang web dễ hiểu. Bằng cách thu dọn các thẻ meta của trang web, bạn sẽ không gặp bất kỳ khó khăn nào khi chỉnh sửa hoặc thay đổi nó khi cần thiết trong tương lai.

Dưới đây chúng tôi sẽ chia sẻ các thẻ meta mới nhất và tốt nhất theo ý kiến ​​của chúng tôi mà trang web này đã sử dụng, các thẻ meta này được sắp xếp gọn gàng hơn để dễ sửa đổi hơn và chúng tôi sẽ cung cấp hướng dẫn để bạn chỉnh sửa một số phần của thẻ meta này.

Dựa trên kinh nghiệm sử dụng thẻ meta này, vị trí của trang web này jagodesign.com không bị ảnh hưởng ngay cả sau khi thay đổi mẫu nhiều lần nhờ thẻ meta bên dưới. Chúng tôi không nói thẻ meta này là hoàn hảo nhất, nhưng ít nhất nó cũng đáng để thử vì nếu chúng tôi thành công thì bạn cũng sẽ như vậy.

Dán mã thẻ meta bên dưới vào phần <head> ... </head> trên trang web hoặc blog của bạn hoặc thay thế các thẻ meta mà bạn đã sử dụng trước đây bằng các thẻ meta bên dưới:


<b:if cond='data:view.isMultipleItems'>
  <b:if cond='data:view.isHomepage'>
    <!--[ Homepage title ]-->
    <title><data:blog.title.escaped/></title>
    <b:elseif cond='data:view.search.query'/>
    <!--[ Search title ]-->
    <title><data:messages.search/>: <data:view.search.query/></title>
    <b:elseif cond='data:view.search.label'/>
    <!--[ Label title ]-->
    <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
    <b:elseif cond='data:view.isArchive'/>
    <!--[ Archive title ]-->
    <title>Blog archive in: <data:blog.pageName.escaped/></title>
    <b:else/>
    <title>Blog: <data:blog.title.escaped/></title>
  </b:if>
  <b:elseif cond='data:view.isError'/>
  <!--[ Error title ]-->
  <title>Error 404: Not found</title>
  <b:else/>
  <!--[ SingleItem title ]-->
  <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
</b:if>

<!--[ meta for browser ]-->
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>

<b:if cond='!data:view.isError'>
  <!--[ Browser data, description and keyword ]-->
  <link expr:href='data:blog.url.canonical' rel='canonical'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription.escaped' name='description'/>
    <b:elseif cond='data:view.isSingleItem'/>
    <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='description'/>
    <b:else/>
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='description'/>
  </b:if>
  <meta expr:content='data:blog.title.escaped + ", " + data:blog.pageName.escaped + ", Add_your_addtional_keyword_here "' name='keywords'/>
  <b:tag cond='data:view.isPost' expr:href='resizeImage(data:blog.postImageUrl, 0)' name='link' rel='image_src'/>
  
  <!--[ Generator and RRS ]-->
  <meta content='blogger' name='generator'/>
  <link expr:href='data:blog.homepageUrl.canonical path "feeds/posts/default"' expr:title='data:blog.title + " » Atom"' rel='alternate' type='application/atom+xml'/>
  <link expr:href='data:blog.homepageUrl.canonical path "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " » Feed"' rel='alternate' type='application/rss+xml'/>
  <link expr:href='data:blog.homepageUrl.canonical path "feeds/comments/default?alt=rss"' expr:title='data:blog.title + " » Comments Feed"' rel='alternate' type='application/rss+xml'/>

  <!--[ Theme color ]-->
  <meta content='#ffffff' name='theme-color'/>
  <meta content='#ffffff' name='msapplication-navbutton-color'/>
  <meta content='#ffffff' name='apple-mobile-web-app-status-bar-style'/>
  <meta content='yes' name='apple-mobile-web-app-capable'/>

  <!--[ Favicon ]-->
  <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
  <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
  <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
  <link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>
  
  <!--[ Open graph ]-->
  <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/>
  <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
  <b:if cond='data:view.isMultipleItems'>
    <meta content='website' property='og:type'/>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>         
      <b:else/>
      <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/>
    </b:if>
    <b:else/>
    <meta content='article' property='og:type'/>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>            
      <b:else/>
      <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
    </b:if>
  </b:if>
  <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/>
  <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
    <b:else/>
    <meta content='Add_your_image_url_here' property='og:image'/>
  </b:if>
  
  <!--[ Twitter card ]-->
  <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:title'/>
  <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
  <b:if cond='data:view.isMultipleItems'>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>         
      <b:else/>
      <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='twitter:description'/>
    </b:if>
    <b:else/>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>            
      <b:else/>
      <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='twitter:description'/>
    </b:if>
  </b:if>
  <meta content='summary_large_image' name='twitter:card'/>
  <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:image:alt'/>
  <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' name='twitter:image:src'/>
    <b:else/>
    <meta content='Add_your_image_url_here' name='twitter:image:src'/>
  </b:if>
    
  <!--[ Sife verification ]-->
  <meta content='xxxxxxxxxxxxxxxxx_g' name='google-site-verification'/>
  <meta content='xxxxxxxxxxxxxxxxx' name='msvalidate.01'/>
  <meta content='xxxxxxxxxxxxxxxxx' name='p:domain_verify'/>
  <meta content='xxxx_xxxxx-xxxxxxx' name='majestic-site-verification'/>
  <meta expr:content='data:blog.title.escaped' name='copyright'/>
</b:if>

Hướng dẫn sử dụng và mô tả

Trước khi sao chép và dán các thẻ meta ở trên vào trang web của bạn, hãy THAY ĐỔI! một số phần được đánh dấu bằng thông tin từ trang web của bạn hoặc trong các thẻ meta bạn đã sử dụng trước đây.

Blog title / Tiêu đề blog

Nhóm thẻ đầu tiên này dùng để hiển thị tiêu đề của một trang hoặc trang cụ thể trên blog trong kết quả tìm kiếm. Ví dụ, nếu một bài báo mới được xuất bản, tiêu đề của bài báo sẽ được viết tự động bằng mã này, kết quả trên công cụ tìm kiếm có thể được nhìn thấy trong hình ảnh dưới đây:

Tiêu đề blog trong kết quả tìm kiếm
Tiêu đề blog trong kết quả tìm kiếm

Các quy tắc hoặc điều kiện có trong thẻ này bao gồm:

Lỗi trang error 404
Theo mặc định, kết quả hiển thị là Lỗi 404: Không tìm thấy Trang , bạn có thể thay thế bằng tiêu đề khác tùy ý, ví dụ Xin lỗi! Không tìm thấy trang hoặc lâu hơn

Tiêu đề trên trang chủ
Hiển thị tiêu đề của Trang chủ trên trang web của bạn, bạn có thể thêm một câu khác vào kết quả tìm kiếm, chẳng hạn như Tên Blog: iTeam OS hoặc tương tự như vậy bằng cách thay đổi dòng mã này thành :


<!--[ Homepage title ]-->
<title><data:blog.title.escaped/> : Tiêu đề bổ sung</;title>

Kết quả giống như hình ảnh ví dụ bên dưới:

Tiêu đề blog trong kết quả tìm kiếm
Tiêu đề blog trong kết quả tìm kiếm

Nó trông có vẻ đơn giản, nhưng điều này có thể tăng thêm sức mạnh của các từ khóa mà trang web của bạn đang nhắm mục tiêu.

Tiêu đề trên trang bài đăng và trang tĩnh

Hiển thị tiêu đề của trang bài viết và trang tĩnh, mặc định sẽ hiển thị chỉ là tiêu đề bài đăng trên blog của bạn, tuy nhiên có một số blog còn thêm tiêu đề blog của họ vào phần này để củng cố từ khóa blog của họ, ví dụ như bên dưới :

Danh Sách Điện Thoại Di Động Ram 6Gb Giá Dưới 3 Triệu - Vua Android

Chúng tôi đã thay đổi tiêu đề blog thành như trên trong bản cập nhật thẻ meta mới nhất. Bây giờ mã cho tiêu đề của bài đăng như sau:


<!--[ SingleItem title ]-->
<title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>

Bạn có thể thay đổi dấu gạch ngang ở trên bằng bất kỳ dấu hiệu nào khác mà bạn cho là phù hợp, chẳng hạn như: hoặc |

Tiêu đề trên trang index
Hiển thị tiêu đề trên trang index blogger (ngoài trang chủ, bài đăng và trang tĩnh) mà trên blogger được đánh dấu /search trên url, có 4 điều kiện được viết để hiển thị các tiêu đề khác nhau trên trang chỉ mục blog của bạn bao gồm:

Search : truy vấn tìm kiếm - Hiển thị tiêu đề của trang tìm kiếm trên blog của bạn, tự động bất kỳ từ khóa nào do người dùng viết sẽ xuất hiện trong tiêu đề này và bạn cũng có thể thay đổi từ Tìm kiếm: trong dòng này bằng các từ khác như Kết quả tìm kiếm hoặc các từ khác. Bạn có thể xem một ví dụ về việc triển khai mã này trong trang này.

Tên nhãn - Tiêu đề blog - Hiển thị tiêu đề của trang nhãn trên blog của bạn, nếu người dùng nhấp vào liên kết nhãn trên blog của bạn, phần này sẽ được hiển thị dưới dạng tiêu đề.

Blog Lưu trữ vào: Tháng 1 năm 2021 - Phần này là tùy chọn, có nghĩa là bạn có thể áp dụng nó hoặc không. Nhưng nếu bạn bật tính năng lưu trữ hoặc thêm Tiện ích Lưu trữ vào blog của mình, thì tiêu đề này sẽ xuất hiện khi người dùng nhấp vào trang lưu trữ blog của bạn.

Blog : Tiêu đề Blog - Nếu tất cả các điều kiện trên không được đáp ứng thì tiêu đề này sẽ được hiển thị, thông thường tiêu đề này sẽ xuất hiện khi người dùng nhấp vào nút điều hướng Bài viết cũ hơn , Bài viết mới hơn hoặc đánh số điều hướng trên blog của bạn.

Hầu hết các blogger chọn chặn trang này xuất hiện trong kết quả tìm kiếm, nhưng cài đặt này vẫn đáng để thử để nâng cao hơn nữa sự xuất hiện của tiêu đề trang blog của bạn.

Hình ảnh thu nhỏ

Thẻ meta này dùng để hiển thị hình thu nhỏ / đoạn mã của hình ảnh blog của bạn, trên trang đăng, đoạn mã hình ảnh được hiển thị trong phần này là hình ảnh đầu tiên của bài viết của bạn.

Nếu bài viết bạn viết không có hình ảnh, thì những gì sẽ hiển thị là liên kết hình ảnh mà bạn chèn trong thẻ này. Hãy thay đổi phần được đánh dấu trên dòng này bằng liên kết đến logo blog của bạn. (chuẩn bị hình ảnh biểu trưng blog của bạn với kích thước tối thiểu là 300px x 300px)


<meta content='Add_your_image_url_here' property='og:image'/>

// thay đổi nó bằng liên kết blog của bạn, ví dụ kết quả như bên dưới

<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-5U8137hL2cZJWMt0IH4idKusVHGnfgcbfTHU7K6m-jsvcl-q_JXFK3LRk7NJKGcdAQHpvdM0qwCp_Y1mGjA0IG2tgQK8BFEMyptugoy6ybRps8-JK4lsKjN2yftDWkx2g1Jqe4VmDDy5Az5Vi-9N-WzwbfL8-1IegEL9G8mVqxzoglrUfG2cCrAV/s1600/iteamos-pro.png' property='og:image'/>

Blog mô tả

Một cách để tối ưu hóa SEO onpage là thêm mô tả blog trên mỗi trang, mô tả này sẽ được hiển thị trong kết quả tìm kiếm ở cuối tiêu đề blog như hình dưới đây:

Mô tả blog trong kết quả tìm kiếm
Mô tả blog trong kết quả tìm kiếm

Do đó, càng nhiều càng tốt, hãy thêm mô tả tìm kiếm vào mỗi khi bạn đăng một bài viết, trên blogger khi viết một bài báo, bạn có thể truy cập vào trường bên phải và nhấp vào Mô tả tìm kiếm , để biết thêm giải thích bạn có thể xem trong hình ảnh bên dưới:

Thêm mô tả cho mỗi bài đăng
Thêm mô tả cho mỗi bài đăng

Một trong những lợi thế của các thẻ meta được chia sẻ tại thời điểm này là nó cung cấp một mô tả thay thế khi bạn không viết mô tả trên blog. Khi không có mô tả trong một bài đăng, tự động đoạn đầu tiên của bài đăng sẽ được hiển thị dưới dạng mô tả blog.

Favicon

Phục vụ để hiển thị các biểu tượng trên nền tảng IOS và Android, phần này tự động được điền vào biểu tượng yêu thích mà bạn đã tải lên Blogger. Nhưng bạn cũng có thể thay đổi nó bằng một hình ảnh HD hơn, phương pháp như sau:


<!--[ Favicon ]-->
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>

// Contoh penerapan

<!--[ Favicon ]-->
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJQkATE6sNN5Zn8Sj6k2dFkPH16bnPaSapsDmc2wNqNsTn3yrrTUMkTQ9S4pwg65Pk39nGUcmjmdkyQ-pQN4811tkAS0F6ezoV78HbBu4e0CL9A16HcFB30wmp3GziOaqD7g1_QE3YdKc/s300/fletro-pro.png' rel='apple-touch-icon' sizes='120x120'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJQkATE6sNN5Zn8Sj6k2dFkPH16bnPaSapsDmc2wNqNsTn3yrrTUMkTQ9S4pwg65Pk39nGUcmjmdkyQ-pQN4811tkAS0F6ezoV78HbBu4e0CL9A16HcFB30wmp3GziOaqD7g1_QE3YdKc/s300/fletro-pro.png' rel='apple-touch-icon' sizes='152x152'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJQkATE6sNN5Zn8Sj6k2dFkPH16bnPaSapsDmc2wNqNsTn3yrrTUMkTQ9S4pwg65Pk39nGUcmjmdkyQ-pQN4811tkAS0F6ezoV78HbBu4e0CL9A16HcFB30wmp3GziOaqD7g1_QE3YdKc/s300/fletro-pro.png' rel='icon' type='image/x-icon'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJQkATE6sNN5Zn8Sj6k2dFkPH16bnPaSapsDmc2wNqNsTn3yrrTUMkTQ9S4pwg65Pk39nGUcmjmdkyQ-pQN4811tkAS0F6ezoV78HbBu4e0CL9A16HcFB30wmp3GziOaqD7g1_QE3YdKc/s300/fletro-pro.png' rel='shortcut icon' type='image/x-icon'/>

Theme Color

Thay đổi mã màu được đánh dấu trong dòng mã này bằng màu chủ đạo của blog của bạn, phần này dùng để thay đổi màu của thanh địa chỉ trên trình duyệt Google Chrome trên Android hoặc trình duyệt Safari trên IOS

Xác minh Sife

Phần cuối cùng này phục vụ để xác minh quyền sở hữu của trang web hoặc blog trên các trang web nhất định. Trong mã này có 4 mã xác minh bao gồm xác minh cho Google Webmaster / Search Console, Bing Webmaster, Pinterest Site Verification và Majestic SEO Tools Verification.

Tuy phần này không hướng dẫn cách lấy mã xác minh ở trên nhưng bạn hãy tự tìm kiếm trên google cách lấy.

Vui lòng cung cấp nhận xét của bạn sau khi sử dụng thẻ meta này và vui lòng đặt câu hỏi nếu có vấn đề trong việc triển khai các thẻ meta ở trên.

Truy cập Bypass Google Account APK để tải file APK nhé