Tối ưu thẻ h1 cho blogspot

Đây là bài đụng đến code nhiều nhất trong serial cách seo blogspot lên top google. Vì thế, để giảm độ ngán khi nhắc đến code thì mình sẽ cố gắng hướng dẫn sao cho đơn giản nhất có thể.

Ngoài tối ưu thẻ h1 cho blogspot thì trong bài này mình cũng sẽ nói thêm 1 yếu tố quan trọng nữa là tối ưu thẻ meta description cho blogspot.

Khi nhắc đến thẻ h1 thì các bạn phải nhớ:

• Chỉ có 1 thẻ h1 duy nhất trong 1 trang.
• Seo trang nào thì bắt buộc thẻ tiêu đề trang đó phải là h1, ít nhất là phải làm được như vậy. Còn nếu tối ưu được 100% thì không cần gì phải nói nữa.

Mình sẽ tiếp tục lấy ví dụ quạt trần panasonic ở bài cách chọn từ khóa seo hiệu quả để làm blog demo và tối ưu thẻ h1 cho blogspot.

Vì là blog hướng dẫn demo nên mình không mua tên miền. Những bạn nào dùng blogspot làm site vệ tinh thì cũng không cần, còn bạn nào dùng blogspot làm website chính thì nên mua một tên miền và trỏ tên miền về blogspot nhé (không thì nhà mạng vnpt chặn đấy).

Thêm một điều nữa là ở bài template chuẩn seo cho blogspot mình có lưu ý các bạn là nên chọn template có banner chính là tiêu đề của blog giống như mình, lý do là vì để dễ tối ưu và hạn chế đụng đến code.

Bài này mình cũng sẽ hướng dẫn cho những template có cấu trúc tương tự như vậy. Nếu bạn nào chọn template có banner là hình ảnh muốn tối ưu thì có thể để lại bình luận hoặc gửi mail mình sẽ làm giúp :)

Xem thêm: template blogspot bán hàng chuẩn seo đã tối ưu thẻ h1

Giờ thì bắt tay vào làm nhé! Đọc từ từ và làm theo chậm rãi, không có gì phải vội. Có gì thắc mắc thì để lại bình luận liền nhé.

Kiểm tra blogspot đã tối ưu thẻ h1 chưa

Tạo một bài viết bất kỳ nếu như blog chưa có bài viết nào. Truy cập bài viết bằng trình duyệt Chrome, tại vị trí bất kỳ trên trang click phải chuột chọn Xem nguồn trang. Nhấn tổ hợp phím Ctrl+f tìm <h1. Xem hình nhé các bạn!

Hình 1. Kiểm tra thẻ h1 trên trang bài viêt

Hình 2. Kiểm tra thẻ h1 tối ưu chưa

Nếu blog bạn có duy nhất 1 thẻ h1 và cũng chính là tiêu đề bài viết thì không cần phải làm gì nữa đâu nhé. Thoát khỏi bài viết này ngay và luôn!

Mọi trường hợp còn lại, ví dụ như: có 2 hoặc nhiều thẻ h1, thẻ h1 không phải tiêu đề bài viết... thì buộc phải tối ưu.

Lưu ý:

• Kiểm tra trang bài viết chứ không phải trang chủ. 
• <h1></h1> được tính là 1 thẻ h1.

Tối ưu thẻ h1 cho blogspot

Để chỉnh sửa code trong blogspot thì các bạn phải vào trang quản trị blog -> chọn mẫu -> chỉnh sửa html (nhớ luôn nhé sau này mình khỏi nhắc lại mất công ^^)

Hình 3. Nơi chỉnh sửa code blogspot

Click vào khung code, nhấn tổ hợp phím Ctr+f, gõ tìm dòng <h1... đầu tiên. Như hình 2 của mình là <h1 class='logo_h logo_h__txt'> (của các bạn sẽ khác nhé), sau đó Enter ta tìm được đoạn code cần chỉnh sửa.

Hình 4. Tối ưu thẻ h1 tiêu đề blog

Thay thế đoạn code trên bằng đoạn code dưới đây

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1 class='đoạn code'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='đoạn code'>
<b:include name='title'/>
</h2>
</b:if>       

Trong đó: đoạn code bạn sẽ thay bằng mã code của cái class sau h1 (xem lại hình 2). Như của mình thì mình sẽ được:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1 class='logo_h logo_h__txt'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='logo_h logo_h__txt'>
<b:include name='title'/>
</h2>
</b:if>        

Giờ thì bạn quay lại trang Xem nguồn trang lúc đầu, nhấn f5 thấy thẻ h1 chuyển thành thẻ h2 là thành công. Xong được phần tối ưu thẻ h1 cho tiêu đề blogspot.

Lý do mình chuyển thẻ h1 thành thẻ h2 mà không phải là thẻ span là vì để hạn chế đụng đến code CSS. Nếu bạn nào biết CSS thì nên chuyển qua thẻ span sau đó thêm code CSS để size chữ phù hợp với giao diện blog nhé.

Tối ưu thẻ h1 bài viết trong blogspot

Các bạn kéo lên lại xem hình 2. Để ý ngay đoạn code trước thẻ h2. Cụ thể của mình là post-heading. Vào chỗ sửa code blogspot tìm đoạn code này và sửa thành h1.

Lưu ý: sau khi sửa và lưu thì phải ra kiểm tra xem tiêu đề bài viết đã thành h1 chưa. Vì có rất nhiều class tiêu đề bài viết giống nhau nên sửa xong phải ra kiểm tra, chưa thấy thì quay lại, sửa lại cái class đó như cũ xong tìm đến cái class tiếp theo sửa. Cuối cùng kiểm tra như hình sau là ok!

OK! Vậy là thẻ h1 trong blog của bạn đã được tối ưu rồi đấy. Vì mình muốn nói chung cho nhiều template khác nhau nên mới hướng dẫn dài dòng như trên. Mong là các bạn thực hiện thành công.

Tối ưu thẻ meta description cho blogspot

Cái này thì nhẹ hơn nhiều. Các bạn chỉ cần bật tính năng này lên là ok thôi! Tại trang tổng quan blogger các bạn chọn cài đặt -> tùy chọn tìm kiếm -> chỉnh sửa ngay Mô tả -> chọn có -> nhập mô tả cho trang chủ.

Vậy là xong phần tối ưu thẻ description cho blogspot rồi đấy. Đây là mô tả cho trang chủ. Còn mô tả trong mỗi bài viết thì khi đăng bài mới các bạn để ý phần bên phải có mô tả tìm kiếm thì đó chính là thẻ description cho bài viết đó. Như hình ở dưới nà:

Nhớ là bật mô tả ở phần Tùy chọn tìm kiếm thì trong bài viết mới thấy được mô tả tìm kiếm nhé các bạn.

Đến đây thì bài viết này mình nghĩ đã tương đối hoàn thành. Tuy nhiên, có 2 phần mình không nhắc đến trong bài đó là:

• Thẻ mea keywords trong blogspot
• Tối ưu thẻ tiêu đề trong blogspot

Lý do là vì thẻ meta keywords không còn quá quan trọng và tiêu đề blogspot thì thường các template đều đã tối ưu rồi. Khi mới bắt đầu thì mình nghĩ chỉ nên quan tâm những cái quan trọng, đến lúc quen rồi thì tìm hiểu tiếp sẽ hay hơn.

Chúc các bạn thực hiện thành công. Nếu có thắc mắc gì thì để lại bình luận cuối bài mình sẽ cố gắng giải đáp cho các bạn.