Video: Học Responsive Design bài 3: Tìm hiểu thẻ meta viewport 2025
Trong Dreamweaver bạn tìm thấy các tính năng giúp bạn thêm thẻ meta cho từ khoá và mô tả. Nếu bạn đã từng nghe về thẻ meta, bạn có thể kết hợp chúng với các công cụ tìm kiếm và bạn sẽ nói đúng. Thẻ meta được sử dụng cho nhiều thứ, nhưng một trong những cách sử dụng phổ biến nhất là cung cấp văn bản đặc biệt trong mã ở đầu trang.
Mã này không xuất hiện trong một trình duyệt web khi trang của bạn được xem, nhưng có thể được đọc bởi trình thu thập thông tin, chương trình và các chương trình khác lướt web và lập bảng xếp hạng các trang web cho Bing, Google và một danh sách dài các trang web liên quan đến tìm kiếm.
Dưới đây là một lời giải thích ngắn gọn về mỗi thẻ; các bước để điền vào mỗi thẻ với văn bản đang xuất hiện:
-
Thẻ từ khoá Meta: Thẻ từ khóa meta cho phép bạn bao gồm một danh sách từ khóa mà bạn muốn công cụ tìm kiếm kết hợp nếu có ai đó tìm kiếm những từ đó. Thật không may, các từ khóa meta đã bị lạm dụng bởi các nhà thiết kế web nhằm gây nhầm lẫn cho khách truy cập về nội dung thực sự của các trang web mà hầu hết các công cụ tìm kiếm bỏ qua thẻ meta keyword và nội dung của nó.
Điều đó nói rằng, sử dụng thẻ meta này sẽ không ảnh hưởng đến xếp hạng của bạn với bất kỳ công cụ tìm kiếm nào và nhiều chuyên gia về công cụ tìm kiếm vẫn bao gồm chúng.
-
Thẻ mô tả meta: Thẻ này rất quan trọng và nên được bao gồm trong mọi trang trong trang web của bạn. Thẻ mô tả meta được thiết kế để cho phép bạn đưa mô tả bằng văn bản về mỗi trang, một nỗ lực đáng giá vì hầu hết các công cụ tìm kiếm, bao gồm cả Google, sử dụng mô tả meta dưới dạng mô tả ngắn gọn xuất hiện trong các trang kết quả tìm kiếm.
Gọi mô tả một lời kêu gọi hành động, gần như là một đoạn ngắn, cho trang sẽ thu hút khách truy cập nhấp vào liên kết của bạn khi họ đọc qua danh sách kết quả tìm kiếm. Nếu bạn không đưa văn bản của mình vào thẻ mô tả meta, nhiều công cụ tìm kiếm sử dụng một vài từ đầu tiên xuất hiện trên trang của bạn dưới dạng mô tả.
Sự xuất hiện của truyền thông xã hội đã làm cho thẻ mô tả meta còn quan trọng hơn. Khi ai đó đăng trang web của bạn bằng cách nhập URL vào trang web truyền thông xã hội, văn bản bạn đưa vào thẻ mô tả meta được bao gồm tự động cùng với bài đăng của họ. Tương tự, mô tả meta được bao gồm khi ai đó chia sẻ một trang trên trang web của bạn bằng cách sử dụng biểu tượng truyền thông xã hội.
Bạn có thể bao gồm mô tả meta giống trên tất cả các trang của trang web, nhưng chiến lược tốt nhất là đưa mô tả cụ thể vào nội dung của mỗi trang trên trang của bạn.
Làm theo các bước sau để thêm thẻ mô tả meta vào trang của bạn:
-
Mở trang nơi bạn muốn thêm một mô tả meta.
-
Chọn Insert → Head → Description.
(Hoặc bạn có thể sử dụng tùy chọn Head từ bảng Insert Chung) Hộp thoại Description xuất hiện.
-
Trong hộp văn bản Mô tả, nhập văn bản bạn muốn cho mô tả trang của bạn.
Không thêm bất kỳ mã HTML nào vào văn bản trong hộp này. Hầu hết các chuyên gia công cụ tìm kiếm khuyên bạn nên giới hạn văn bản này không quá 160 ký tự vì đó là tất cả những gì sẽ được bao gồm trong trang kết quả tìm kiếm trên các trang web như Google.
-
Nhấp vào OK.
Văn bản mô tả bạn nhập vào được chèn vào giữa vùng thẻ ở đầu trang trong mã HTML. Nội dung siêu mẫu không xuất hiện trong phần thân trang, nhưng bạn có thể tìm thấy nó ngay bên dưới thẻ nếu bạn nhìn vào mã phía sau trang.
Nếu bạn muốn thêm từ khoá, hãy lặp lại các bước 1-4, chọn Chèn mũi tên → Từ khoá trong Bước 2. Gõ một danh sách các từ khoá, cách nhau bởi dấu phẩy, thay cho mô tả trong Bước 3.
thẻ meta của Dreamweaver công cụ phần nào là hạn chế. Bạn có thể sử dụng chúng để thêm thẻ nhưng không chỉnh sửa chúng. Để chỉnh sửa văn bản trong mô tả meta hoặc thẻ từ khóa sau khi bạn chèn chúng, bạn phải xem mã và chỉnh sửa văn bản trong Chế độ xem mã. Bạn sẽ thấy văn bản này gần đầu mã HTML, ngay bên dưới thẻ trong khu vực được bao quanh bởi thẻ.