Công Cụ Tạo Thẻ Meta
Thẻ Meta Open Graph
Thẻ Meta Twitter Card
Cách sử dụng Công Cụ Tạo Thẻ Meta
- 1
Điền các thông tin thiết yếu
Nhập tiêu đề trang, mô tả, từ khóa, tác giả và chỉ thị robots trong phần Essential Meta Tags.
- 2
Thêm thẻ chia sẻ mạng xã hội
Hoàn thành các trường Open Graph và Twitter Card, bao gồm tiêu đề, mô tả và URL ảnh, để kiểm soát cách trang hiển thị khi được chia sẻ.
- 3
Xem lại các thẻ được tạo
Theo dõi đánh dấu meta tag được dựng trực tiếp ở vùng kết quả khi bạn nhập vào từng trường.
- 4
Sao chép vào <head>
Nhấn Copy Meta Tags và dán HTML được tạo vào phần head của trang.
Hướng dẫn toàn diện về thẻ meta HTML cho SEO
Thẻ meta là gì và chúng thuộc về đâu
Thẻ meta là các phần tử HTML nằm bên trong phần head của một trang và mô tả tài liệu cho trình duyệt, công cụ tìm kiếm và mạng xã hội chứ không phải cho người truy cập. Chúng không bao giờ được hiển thị trên chính trang đó. Trình duyệt đọc chúng trước khi vẽ bất cứ thứ gì, đó là lý do vị trí đặt rất quan trọng: mọi thẻ mà bộ tạo này tạo ra đều nên được dán bên trong phần tử head, lý tưởng nhất là ở trên cao, trước bất kỳ script nào chặn việc hiển thị. Phần tử title và khai báo charset nói riêng nên xuất hiện càng sớm càng tốt, vì trình duyệt phải biết bảng mã ký tự trước khi nó phân tích phần còn lại của đánh dấu.
Hai trong số những phần siêu dữ liệu quan trọng nhất về mặt kỹ thuật lại hoàn toàn không phải là thẻ meta. Phần tử title (title) và liên kết canonical (link rel="canonical") là những phần tử riêng biệt, nhưng chúng thuộc về cùng khối head và đóng vai trò trung tâm trong cách một trang được hiểu. Công cụ này tập trung vào các thẻ title, description, viewport, robots, Open Graph và Twitter Card, vốn cùng nhau bao quát phần siêu dữ liệu thực sự tạo ra khác biệt cho tìm kiếm và mạng xã hội.
Thẻ title: tín hiệu trên trang quan trọng nhất của bạn
Phần tử title là tín hiệu SEO trên trang mạnh nhất mà bạn kiểm soát. Đó là thứ Google thường hiển thị làm dòng tiêu đề màu xanh có thể nhấp trong kết quả tìm kiếm và là thứ xuất hiện trên tab trình duyệt. Hãy nhắm khoảng 50 đến 60 ký tự, hay khoảng 580 pixel, để nó không bị cắt cụt bằng dấu ba chấm trong trang kết quả. Đặt từ khóa quan trọng nhất gần đầu, viết cho một con người đang cân nhắc có nên nhấp hay không, và giữ mỗi tiêu đề là duy nhất trên toàn trang của bạn. Những phần soạn rập khuôn như tên thương hiệu lặp lại ở đầu mỗi tiêu đề lãng phí khoảng không gian giá trị nhất mà bạn có.
Một lỗi thường gặp là coi thẻ title và tiêu đề H1 là có thể thay thế cho nhau. Chúng phục vụ những đối tượng khác nhau: title dành cho đoạn trích tìm kiếm và tab, trong khi H1 là tiêu đề trên trang. Chúng có thể khác nhau, và thường nên khác nhau, vì cách diễn đạt lý tưởng để thu hút nhấp chuột cho một kết quả tìm kiếm không phải lúc nào cũng là tiêu đề tốt nhất cho người đã có mặt trên trang.
Meta description: lượt nhấp, không phải thứ hạng
Meta description không trực tiếp ảnh hưởng đến thứ hạng, nhưng nó tác động mạnh đến tỷ lệ nhấp chuột, vốn rất quan trọng. Hãy coi nó như lời quảng cáo: tóm tắt trang, đưa từ khóa chính vào để nó có thể được in đậm khi khớp với truy vấn, và thêm một lý do để nhấp. Hãy giữ nó ở khoảng 150 đến 160 ký tự; những mô tả dài hơn bị cắt cụt, và Google thường viết lại những mô tả bị thiếu, bị trùng lặp hoặc khớp kém với truy vấn bằng cách kéo một đoạn trích từ phần thân trang thay thế.
Vì Google có thể bỏ qua mô tả của bạn và tự tổng hợp mô tả riêng, đừng dựa vào nó cho thông tin then chốt. Dù vậy vẫn hãy viết một mô tả mạnh mẽ, vì một mô tả hấp dẫn được giữ lại thường vượt trội hơn một đoạn trích tự tạo. Đừng bao giờ nhồi nhét từ khóa vào nó; điều đó kích hoạt việc viết lại và đọc lên như thư rác đối với người dùng.
Thẻ meta robots và việc kiểm soát thu thập dữ liệu
Thẻ meta robots cho công cụ tìm kiếm biết phải làm gì một khi chúng đã thu thập dữ liệu một trang. Các giá trị phổ biến nhất là index/noindex (trang có được phép xuất hiện trong kết quả hay không) và follow/nofollow (các liên kết trên đó có nên truyền giá trị hay không). Một giá trị như noindex, follow giữ một trang ngoài chỉ mục trong khi vẫn cho phép trình thu thập đi qua các liên kết của nó, điều này hữu ích cho những trang mỏng nội dung như kết quả tìm kiếm nội bộ hoặc các biến thể thân thiện với máy in. Các chỉ thị khác bao gồm noarchive, nosnippet và max-snippet để kiểm soát tinh vi cách một kết quả được hiển thị.
Một sự phân biệt quan trọng: thẻ meta robots kiểm soát việc lập chỉ mục, còn robots.txt kiểm soát việc thu thập dữ liệu. Chúng không thể thay thế cho nhau. Nếu bạn chặn một URL trong robots.txt, Google có thể không bao giờ thấy một thẻ noindex trên trang đó, vì nó không thể thu thập trang để đọc thẻ, và URL vẫn có thể xuất hiện trong kết quả dưới dạng một liên kết trơ trụi. Để gỡ bỏ một trang khỏi tìm kiếm một cách đáng tin cậy, hãy để nó có thể thu thập được và áp dụng noindex.
Viewport, charset và những thiết yếu kỹ thuật
Thẻ viewport, width=device-width, initial-scale=1.0, là thứ làm cho một trang đáp ứng được trên di động. Không có nó, các trình duyệt di động hiển thị trang ở độ rộng máy tính để bàn rồi thu nhỏ lại, tạo ra chữ tí hon và một trải nghiệm di động tệ. Vì Google lập chỉ mục phiên bản di động của các trang trước tiên, một thẻ viewport bị thiếu hoặc cấu hình sai là một vấn đề thực sự về thứ hạng và khả năng sử dụng, chứ không phải một vấn đề thẩm mỹ. Khai báo charset, gần như luôn là UTF-8, đảm bảo các ký tự đặc biệt và emoji hiển thị đúng thay vì thành những ký tự lỗi.
Hai thẻ này nhỏ nhưng không thể thương lượng. Hãy đặt viewport theo độ rộng thiết bị, tránh vô hiệu hóa việc thu phóng của người dùng bằng maximum-scale hoặc user-scalable=no (vốn gây hại cho khả năng tiếp cận), và khai báo bảng mã UTF-8 trên mọi trang.
Open Graph và Twitter Card cho bản xem trước trên mạng xã hội
Thẻ Open Graph (họ og:) kiểm soát cách liên kết của bạn trông như thế nào khi được dán vào Facebook, LinkedIn, Slack, Discord và nhiều nền tảng khác. Bộ cốt lõi là og:title, og:description, og:image, og:url và og:type. Thẻ Twitter Card (họ twitter:) làm điều tương tự cho X, với twitter:card đặt thành summary_large_image là lựa chọn bắt mắt nhất. Hãy cung cấp một og:image khoảng 1200 x 630 pixel và luôn dùng URL tuyệt đối cho nó; đường dẫn ảnh tương đối là lý do thường gặp nhất khiến một bản xem trước không hiển thị hình thu nhỏ.
Các nền tảng mạng xã hội lưu vào bộ nhớ đệm những gì chúng cào quét được, nên sau khi bạn thay đổi các thẻ này, bạn thường cần cào lại trang bằng công cụ gỡ lỗi của nền tảng (ví dụ, Sharing Debugger của Facebook) để xóa bản xem trước cũ. Nếu một thẻ bị thiếu, hầu hết các nền tảng sẽ dùng tạm title và description tiêu chuẩn, nhưng kết quả là một thẻ trơn hơn, ít gợi nhấp hơn.
Những thẻ không còn giúp ích, và các lỗi thường gặp
Thẻ meta keywords đã chết đối với SEO. Google đã xác nhận nhiều năm trước rằng nó hoàn toàn bỏ qua meta keywords, và vì nó công khai phát đi những từ mục tiêu của bạn cho đối thủ, việc điền nó vào tốt nhất là vô ích và tệ nhất là một lỗ rò rỉ thông tin nhỏ. Bộ tạo này có một trường keywords để cho đầy đủ và phục vụ các hệ thống cũ, nhưng đừng mong đợi bất kỳ lợi ích nào về thứ hạng từ nó. Các thẻ cũ khác như meta revisit-after và meta author cũng không có tác động gì đến thứ hạng của Google.
Những lỗi thực tế thường gặp nhất là: tiêu đề và mô tả trùng lặp trên nhiều trang, tiêu đề và mô tả vượt quá giới hạn hiển thị và bị cắt cụt, thẻ canonical bị thiếu trên các trang có thể truy cập qua nhiều URL, URL tương đối trong og:image, và vô tình phát hành một thẻ noindex toàn trang còn sót lại từ một môi trường thử nghiệm. Hãy luôn xác nhận phần head được hiển thị cuối cùng bằng tính năng xem nguồn hoặc công cụ dành cho nhà phát triển của trình duyệt, vì các framework JavaScript đôi khi chèn vào hoặc ghi đè các thẻ meta sau khi HTML ban đầu được tải.
Câu hỏi thường gặp
Bộ tạo này tạo ra những meta tag nào?
Thẻ Open Graph và Twitter Card dùng để làm gì?
Tiêu đề và mô tả của tôi nên dài bao nhiêu?
Tôi nên dùng kích thước ảnh nào cho thẻ OG?
Tôi đặt các thẻ được tạo ở đâu?
Công cụ liên quan
Tiếp tục với những công cụ hữu ích này