Để có thể dễ dàng SEO Blogspot, việctối ưu các thẻ H1, H2 cho Blogspotlà cực kỳ cần thiết. Ở đây, với thẻ H1 sẽ cho tiêu đề của các trang bài viết hoặc Static, còn thẻ H2 sẽ cho tiêu đề trang chủ, trang label và trang lưu trữ. Đối với các bài viết, thì thẻ H2 này chính là tiêu đề của các widget trên sidebar, footer…
- Xem thêm: Hướng dẫn tạo sitemap cho Blogspot
Làm thế nào để tối ưu các thẻ H1, H2 cho Blogspot?
– Truy cập vào trang quản trị Blogger.
– Tiếp tục vào Mẫu (Template), và Chỉnh sửa HTML (Edit HTML)
– Backup hết toàn bộ code để đề phòng lúc chỉnh sửa bị lỗi thì còn phục hồi lại nhé.
– Tìm đoạn code sau:
1 | class='post hentry' |
Nó sẽ nằm trong thẻ div như thế này: <div class='post hentry'>
– Thay thế toàn bộ đoạn thẻ div trên bằng đoạn code này:
1 2 3 | <div class='post hentry'itemprop='blogPost'itemscope='itemscope'itemtype='https://schema.org/BlogPosting'> <meta expr:content='data:post.firstImageUrl'itemprop='image_url'/> |
– Tiếp tục tìm đoạn code này hoặc đoạn code nào đó tương tự như thế:
1 2 3 4 5 6 7 8 9 | <b:if cond='data:post.title'> <h3class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> |
Nếu là các template mới thì có thể nó sẽ như thế này:
1 2 3 4 5 6 7 8 9 | <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'> <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> |
– Thay thế toàn bộ đoạn code tìm được đó bằng đoạn code đã tối ưu này:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <b:if cond='data:post.title'> <b:if cond='data:blog.pageType == "index"'> <h2 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link' itemprop='url'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' itemprop='url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h2> <b:elseif cond='data:blog.pageType == "archive"'/> <h2 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link' itemprop='url'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' itemprop='url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h2> <b:else/> <h1 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <data:post.title/> <b:else/> <b:if cond='data:post.url'> <data:post.title/> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> </b:if> |
– Lưu template lại, và thế là bạn đã hoàn thành việc tối ưu hóa thẻ H1, H2 cho Blogspot của bạn rồi đấy ^_^
Nhận thông báo khi bài viết này được cập nhật. Đăng ký ngay!
90% các code bán hướng dẫn thay đế đều báo lỗi. làm ức chế thêm
Haha. Vì cái này bạn thêm chưa đúng nên mới báo lỗi đó. Chắc cần phải tìm hiểu thêm về HTML.
Xin chào bạn, ngoài bình luận của google, facebook ra, thì blogspot có thể tích hợp thêm mục binhg luận nào khác nửa không ạ?
Mình làm các bước giống bạn hướng dẫn bây giờ mât luôn tiêu đề bài đăng. Save lại không biết bị lỗi nhưng lại bị mất tiêu đề bài đăng và xoá copy lại code cũ vẫn bị. Nhờ Đạt kiểm tra giúp mình. Thank you.
Mình có thấy bạn bị mất tiêu đề bài đăng đâu nhỉ?
Mình có backup trước template theo lời khuyên của bạn và đã load lại bản backup nên hiện giờ Đạt vào thấy bình thường (không mất bài đăng). Đoạn code Đạt gửi nên cập nhật lại dấu ‘ ‘ để các bạn có nhu cầu sử dụng copy và paste và sử dụng luôn không phải sửa
.
Đoạn code này sau khi cập nhật => mất tiêu đề bài đăng nhưng lại fix được cấu trúc schema Đạt nhé.
Có lẽ do bạn chèn không đúng vị trí, vì có khá nhiều vị trí trùng lặp với nhau. Bạn nên thử thay đổi ở từng vị trí rồi kiểm tra xem có đúng không trước khi tiếp tục làm tới các bước sau. Điều quan trọng là bạn phải biết được cái thẻ H1 và H2 của mình đang nằm ở đâu. Vì cái code này là mình hướng dẫn cho các template mặc định, nên các template share có thể họ đã code khác nên cần phải xác định đúng vị trí của nó.
Mình cập nhật lại code để bạn dễ copy rồi.
Nhờ Đạt teamview sửa giúp dùm mình được không? Đạt ở gần chỗ mình rất vui được mời cafe và giao lưu cùng Đạt. Hy vọng sẽ cùng hợp tác với tư cách khách hàng tiềm năng.
Mình lâu nay không đụng tới Blogspot nữa, nhưng nếu bạn muốn thì add mình vào web của bạn, mình sẽ hỗ trợ sửa giúp: [email protected]
Chào Đạt, mình chỉ làm được bước 2, bước 1 Blog báo lỗi code, bạn xem lại code có bị lỗi gì không hoặc vui lòng kiểm tra giúp mình, Tks
http://www.caphechin.com/
Mình mày mò làm theo cách của bạn và đã thành công rồi Đạt nhé. Thank you.
Lỗi code là do bạn thêm vào sai chổ nên gây thiếu thẻ đóng. :>)
MÌnh làn rùi không biết được chưa, bạn kiểm tra hộ mình với :https://phukiencuakinhs.blogspot.com/
Cám ơn Đạt nhiều
Đạt ơi, mình đã làm theo nhưng không được, đây là trang của mình: http://www.caugiayrealty.com , bạn xem giúp mình nhé, cảm ơn bạn
Ad cho hỏi Ad có bài nào hướng dẫn chuyển từ h2 tittle bài viết sang h1 không? hướng dẫn cụ thể giúp mình với! thanks! :))
Bạn up file xml của blog bạn rồi gởi link vào đây, mình sẽ tải về kiểm tra cho @-)
uhm gửi code thế nào vậy bác. xin chỉ giáo em còn gà mờ hihi
Gởi luôn code bạn lên mình sửa cho nha, chứ vào web thôi thì cũng không sửa được
http://www.dienlanhthaiquan.com/
bác ơi kiểm tra dùm em nha. E làm quài không được
Bạn gởi web bạn lên mình kiểm tra cho
Có ai làm đc rồi ko sao mình bị lỗi vậy
chưa làm được bị lỗi schema blogposting @@
http://www.phukienpx.com
http://www.lophocchipheo.com đã làm được. thanks!
bạn cho mình đặt liên kết với, đồng ý thì qua nhà mình cmt nhé
site: http://khongphaixoan.blogspot.com