Thẻ meta giúp tạo đoạn mã cho các công cụ tìm kiếm như Google, Bing hoặc Yandex. Chúng ta có thể sử dụng thẻ meta để cải thiện SEO. Bài viết này sẽ thảo luận về thẻ meta là gì và cách chúng ta có thể thêm các thẻ này vào blog Blogger.
Thẻ Meta là gì?
Thẻ meta là mã thông tin có sẵn trong tiêu đề của trang web dành cho công cụ tìm kiếm. Khi bot công cụ tìm kiếm thu thập dữ liệu một trang web, thẻ meta sẽ cung cấp thông tin về nội dung trang.
Thẻ meta cung cấp thông tin liên quan đến thẻ robot, phương tiện truyền thông xã hội, v.v. Do đó, chúng giúp tạo ra kết quả đoạn mã chi tiết.
Thẻ meta cho SEO
- Thẻ Meta Mô tả: Thẻ này cung cấp thông tin về đoạn trích của bài viết sẽ xuất hiện cùng với kết quả trang trong công cụ tìm kiếm.
- Thẻ Tiêu đề: Xác định tiêu đề của Trang cho công cụ tìm kiếm,
- Thẻ robot: các thẻ này khai báo cách một trang sẽ xuất hiện trong kết quả tìm kiếm như chỉ mục, noindex, đoạn mã trang, v.v.
Mở thẻ Meta đồ thị
Dữ liệu biểu đồ mở được Facebook giới thiệu vào năm 2010. Nó cho phép tạo nội dung đoạn mã chi tiết khi bạn chia sẻ nội dung trên mạng xã hội như Facebook, Twitter, Telegram, v.v.
- Loại biểu đồ mở
- Điều này khai báo loại nội dung của trang web, tức là trang web hoặc bài viết.
- Mở hình ảnh đồ thị,
- Thẻ này nói về hình ảnh được đưa vào mạng xã hội. Thông thường, nó phải có kích thước lớn 1200×675.
- Thẻ tiêu đề và mô tả
- Các thẻ này cung cấp thông tin về thẻ tiêu đề được sử dụng và mô tả của trang web.
Cách tạo và thêm thẻ Meta vào blog Blogger.
Chúng ta có thể sử dụng tất cả các thẻ meta được thảo luận ở trên trong blog Blogger. Đây là những mã thông tin sẽ được đưa vào phần tiêu đề của bất kỳ trang web hoặc blog nào.
Để thêm thẻ meta vào Blogger, bạn phải chỉnh sửa mẫu XML của Blogger. Tìm thẻ <head> và dán tất cả các thẻ meta này ngay bên dưới thẻ </head>.
<b:if cond='data:view.isSingleItem'>
<meta content='article' property='og:type'/>
<else/>
<meta content='website' property='og:type'/>
</b:if>
<b:include data='blog' name='all-head-content' />
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.title/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/>
<b:else/> ERROR 404 - <data:blog.title/>
</b:if>
</b:if>
</title>
<b:if cond='!data:view.isHomepage and !data:view.isSingleItem'>
<meta content='noindex,follow' name='robots'/>
<else/>
<meta content='max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='robots'/>
</b:if>
<meta content='https://www.facebook.com/myfburl' property='article:publisher' />
<meta content='https://www.facebook.com/adminurl' property='article:author' />
<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>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image' />
<meta expr:content='data:blog.postImageUrl' property='og:image:secure_url' />
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image' />
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description' />
</b:if>
<meta expr:content='data:blog.title' property='og:site_name' />
<meta expr:content='data:blog.homepageUrl' name='twitter:domain' />
<meta expr:content='data:blog.pageName' name='twitter:title' />
<b:if cond='data:blog.postImageUrl'>
<meta content='summary_large_image' name='twitter:card' />
<meta expr:content='data:blog.postImageUrl' name='twitter:image' />
<b:else/>
<meta content='summary' name='twitter:card' />
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image' />
</b:if>
</b:if>
<meta expr:content='data:blog.pageName' name='twitter:title' />
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description' />
</b:if>
<!-- Social Media meta tag need customer customization -->
<meta content='Your Google Webmaster Verification Code' name='google-site-verification' />
<meta content='Your Bing Verification Code' name='msvalidate.01' />
<meta content='Your facebook ID' property='fb:app_id' />
<meta content='Facebook Admin' property='fb:admins' />
<meta content='Twitter Page' name='twitter:site' />
<meta content='Twitter Admin' name='twitter:creator' />
<meta content='your country' name='geo.placename' />
<meta content='Your Name' name='Author' />
<meta content='general' name='rating' />
<meta content='IN' name='geo.country' />Xin lưu ý: Bạn phải thay thế các giá trị được tô màu đỏ bằng các giá trị của bạn.
Ngoài ra, đừng cung cấp thẻ meta hai lần. Có thể một số thẻ meta đã xuất hiện trong blog Blogger của bạn. Bạn phải tìm tất cả các thuật ngữ meta bắt đầu bằng <meta /> trong phần tiêu đề và xóa. Chỉ sau đó bạn mới dán các mã siêu dữ liệu này.
Sau khi dán mã ở trên, hãy để Google thu thập dữ liệu trang web của bạn và bạn có thể thấy sự cải thiện trong Kết quả tìm kiếm không phải trả tiền của mình. Cùng với những điều này, bạn cũng có thể đặt thẻ tiêu đề robot tùy chỉnh cho blog của mình.
Ngoài thẻ meta, bạn cũng có thể thêm dữ liệu cấu trúc đánh dấu lược đồ vào blog Blogger. Thẻ lược đồ hiện rất quan trọng đối với kết quả đoạn mã chi tiết. Nó làm tăng TLB của trang web của bạn.
Kết luận
Trong bài viết này, chúng tôi đã thảo luận cách tạo và thêm thẻ meta vào blog Blogger để có kết quả đoạn trích chi tiết. Chúng tôi cũng thảo luận về dữ liệu cấu trúc đánh dấu lược đồ để có kết quả đoạn mã chi tiết.
Tôi hy vọng bài viết này có ích cho bạn. Nếu bạn thích bài đăng này, mọi thắc mắc hoặc đề xuất, vui lòng cho tôi biết trong phần bình luận bên dưới. Tôi sẽ rất vui nếu tôi có thể giúp bạn. 🙂
Trả lời
Bạn phải đăng nhập để gửi bình luận.