Các định dạng “phải có” trong một bài viết

Định dạng bài viết giúp cho người đọc có thể tập trung và hiểu nội dung bài viết của bạn một cách rõ ràng và rành mạch.

Bên cạnh đó, nó còn giúp cho bài viết bạn thân thiện với SEO.

Dưới đây là các định dạng “phải có” trong một bài viết cơ bản mà bạn cần nắm bắt

Heading <h>

Có 3 loại Heading chủ yếu được dùng trong khi viết bài

  • Heading 1 <h1>: Đa số tất cả các theme hiện nay sẽ mặc định định dạng Tiêu đề bài viết của bạn là Heading 1 <h1>. Vì vậy bạn không cần định dạng nữa.
  • Heading 2 <h2>: Là các ý nhỏ bổ trợ cho Tiêu đề bài viết của bạn. Một bài viết tiêu chuẩn nên có ít nhất 3 heading 2 để diễn đạt các ý trọn vẹn.
  • Heading 3 <h3>: Là các ý nhỏ bổ trợ cho Heading 2. Ở những ý lớn trong Heading, bạn có thể chia nhỏ ý ra để người đọc dễ theo dõi và hiểu rõ hơn.

Paragraph <p> và <span>

Mặc định khi viết bài thì phần chữ không định dạng sẽ là Paragraph – đoạn văn.

Các câu sẽ gộp thành một đoạn văn. Mỗi đoạn văn sẽ tách biệt nhau khi bạn nhấn phím Enter trên bàn phím và kết thúc bở dấu chấm.

Ghi chú: đối với các đoạn văn bạn có thể canh đều hoặc lề trái nếu muốn.

Kiểu chữ <b>, <i>

Có 2 loại kiểu chữ nên dùng trong bài viết, đặc biệt là từ khóa để tối ưu SEO onpage.

  • In nghiêng: Kiểu chữ nghiêng được dùng khi bạn muốn gây chú ý từ khóa bạn dùng trong câu.
  • Bôi đậm: Kiểu bôi đậm được sử dụng khi bạn muốn nhấn mạnh từ khóa và đồng thời gây chú ý với người đọc.

Ghi chú: Kiểu chữ gạch dưới đã được dùng cho việc chèn link nên bạn không cần quan tâm.

Hình ảnh <img>

Đối với hình ảnh bạn cần chú ý

  • Canh giữa
  • Độ phân giải ít nhất 800px theo chiều ngang
  • Tên ảnh không dấu và có nghĩa
  • Điền đầy đủ ALT và có nghĩa
  • Caption cần phải có nếu là ảnh hướng dẫn (ảnh minh họa thì có thể không cần)
  • Tỷ lệ tất cả ảnh là 16:9 hay tỷ lệ tương tự hình chữ nhật (trừ Inforgraphics)

Ngoài ra…

Phía trên là những định dạng áp dụng cho bất cứ bài viết cơ bản nào, ngoài ra còn có những định dạng khác như

  • Trích dẫn <quote>
  • Danh sách <ul> và <ol>
  • Mã <code>
  • Link <a>

Định dạng tùy chỉnh

Hay còn gọi là Custom Format là định dạng do bạn tự code.

Ví dụ: như hightligh một đoạn văn

Bạn cần tự tạo mã CSS với class tùy chỉnh như

.highlight-content{
background-color: gray;
color: black;
border: 1px soldi gray;
padding: 20px;
}

Sau đó khi bạn cần gán class cho paragraph mà bạn highlight. Việc dày vô cùng dễ dàng nếu bạn đã cập nhật WordPress lên phiên bản 5.0 trở lên.

Sẽ có lựa chọn Class khi soạn thảo bằng Gutenberg.