{tocify} $title = {Mục lục bài viết}
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é. 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.
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'>, sau đó Enter ta tìm được đoạn code cần chỉnh sửa.
[/tintuc]
[tintuc]
Video
hướng dẫn tối ưu thẻ h1 cho Blogspot mình mới thực hiện. Mong là sẽ giúp các bạn
dễ dàng thực hiện hơn.
Video
tối ưu seo cho blogspot phần 1
Video tối ưu seo cho blogspot phần 2
Nói đến thẻ H1 thì các bạn cần ghi nhớ những lưu ý sau:
- 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
Lưu ý các bạn là nên chọn template blogspot có banner chính là tiêu đề của blog, mục đích để dễ tối ưu và hạn chế sử dụng 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 nhé.
1. Kiểm tra blogspot đã tối ưu thẻ H1
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 như hình dưới:
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é. 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
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'>, sau đó Enter ta tìm được đoạn code cần chỉnh sửa.
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=' <b:include name='title'/> </h1> <b:else/> <h2 class='đoạn code'>
<b:include name='title'/>
</h2>
</b:if>
<b:include name='title'/>
</h2>
</b:if>
<h1 class='logo_h logo_h__txt'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='logo_h logo_h__txt'>
<b:include name='title'/>
</h2>
</b:if>
<b:include name='title'/>
</h2>
</b:if>
<h1 class='đoạn code'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class=' <b:include name='title'/> </h1> <b:else/> <h2 class='đoạn code'>
<b:include name='title'/>
</h2>
</b:if>
<h1 class='logo_h logo_h__txt'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='logo_h logo_h__txt'>
<b:include name='title'/>
</h2>
</b:if>
<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'>
Giờ thì bạn quay lại trang Xem nguồn trang lúc đầu, nhấn Ctrl F thấy thẻ H1 chuyển thành thẻ H2 là thành công.
Chuyển thẻ H1 thành thẻ H2 mà không phải là thẻ
span là vì để hạn chế sử dụ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é.
2. Tối ưu hóa 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 sửa code 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 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 hãy kiểm tra lại, 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à đã tối ưu thẻ H1 trong blog của bạn 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.
3. 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! 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à hoàn thành phần tối ưu thẻ description cho blogspot. Đâ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:
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à:
· Hướng dẫn tối ưu hóa cho blogspot từ A đến Z
Thủ thuật seo 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.
[/tintuc]
Post a Comment