Cách tạo landing page blogger cực đẹp và chuẩn SEO

Dưới đây mình xin chia sẻ đến mọi người cách tạo 1 landing page bằng blogger cực đẹp, tối ưu chuẩn SEO cho mọi người có thể seo trực tiếp các từ khóa mức độ cạnh tranh TB, hoặc thấp.( khó thì sẽ hơi nhăn nhó đó ) 🙂

Đặc biệt nó hoàn toàn Miễn Phí đúng tiêu chí Ngon – Rẻ của mọi người luôn.

Demo tham khảo: http://bananthongminh.2bng.com/

Cách tạo landing page blogger cực đẹp và chuẩn SEO

Bước 1: Tải về template sau  Template Blogger Landing Page

Bước 2: Cài đặt template

  • Mở file vừa tải về bằng notpad +++ ( hoặc công cụ lập trình khác)
  • Copy toàn bộ code trong đó.
  • vào blogger => Chủ đề => Chỉnh sửa HTML => xóa code cũ vào dán code mới vừa copy vào => lưu lại.
  • blogger => Chủ đề => ấn vào biểu tượng bánh răng ( cạnh Chỉnh sửa HTML ) => Tích vào dòng : Không. Hiển thị chủ đề dành cho máy tính để bàn trên thiết bị di động. => lưu lại.

cai-dat-landing-page-blogger

Bước 3: Cài đặt nội dung cho trang chủ.

  • Bạn vào phần bài viết mới: tại đây bạn sẽ viết các nội dung muốn hiện thị ra ngoài trang chủ ( viết bài chuẩn SEO )
  • Lưu ý khi viết bài: Tiêu đều bài viết sẽ làm chung trong phần soạn thảo, và bạn phải chuẩn sang chế độ HTML để thêm thẻ H1 cho tiêu đề đó.

cai-dat-landing-page-blogger-1

cai-dat-landing-page-blogger-2

  • Tương tự bạn thêm các thẻ H2, H3 cho bài viết , các đoạn văn bản được gắn thẻ H2, H3 sẽ tương ứng với phần văn bản được tô màu cam ngoài trang chủ.
  • Sau khi viết xong bạn chuyển bài viết sang chế độ HTML => copy toàn bộ lại.
  • Vào Bố cục =>  Nội dung trang chủ => chỉnh sửa => dán nội dung vừa copy vào và lưu lại.
  • Xong phần nội dung trang chủ.

Bước 3: Nội dung dưới bài viết

  • Bố cục =>  Nội dung dưới mỗi bài viết => thêm tiện ích => thêm văn bản => viết nội dung bạn muốn hiển thị dưới mỗi bài viết đăng lên blog. => lưu lại.

Bước 4: Chỉnh sửa icon, banner, tiêu đề, mô tả… các cái này bạn làm bình thường nhé.

Hoàn thiện tất cả bước trên bạn sẽ có được 1 blog giống với mẫu : http://bananthongminh.2bng.com/

=> Xem video hướng dẫn:

 

Tuy nhiên template này bị thiếu 1 chút đó là không có cài sẵn schema.org , để khắc phục điều này bạn cần cài đặt thêm vào đó 1 đoạn mã khai báo schema. vào phần chân trang nhé.

Bố cục => Footer cột trái => chỉnh sửa Java…

<div itemscope itemtype=”http://schema.org/LocalBusiness”>
<h4><span itemprop=”name”>Điện Nước AZ Hà Nội</span></h4>
<span itemprop=”description”>Chuyên lắp đặt điện nước tại quận Đống Đa, thi công điện nước công trình tại quận Đống Đa, sửa chữa điện nước tại nhà quận Đống Đa giá rẻ.</span>
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
<span itemprop=”streetAddress”>Địa Chỉ: Số 102, Ngọc Khánh</span>
<span itemprop=”addressLocality”>-Ba Đình</span>,
<span itemprop=”addressRegion”>-Hà Nội</span>
</div>
Phone: <span itemprop=”telephone”>01656 9999 57</span>
</div>

Bạn sửa các thông tin trên bằng thông tin của bạn nhé.

 

Cách tạo landing page blogger cực đẹp và chuẩn SEO
5 (100%) 2 votes
Tags:

Leave a Reply

Your email address will not be published. Required fields are marked *