Các thẻ meta quan trọng mà tôi phải đặt trong trang web của mình là gì? [đóng cửa]


81

Có vẻ như có rất nhiều thẻ meta mà bạn có thể đặt. Tôi đoán rằng một số người trong số họ quan trọng hơn những người khác.

Thẻ meta quan trọng nhất để cung cấp là gì và tại sao?

Tôi có cần thẻ meta không? (nhìn vào trang chủ stackoverflow thì không có)


1
Đây không phải là một thứ nhiều hơn ServerFault?
David Thornley

4
@David Thornley Tại sao không phải là câu hỏi phát triển web? Đó là một vấn đề lập trình, chắc chắn?
Johnno Nolan

Câu trả lời:


111

Tôi nhận ra rằng câu hỏi này đã cũ, nhưng nó vẫn là một câu hỏi phổ biến nhất trên google, vì vậy tôi nghĩ rằng tôi sẽ đưa ra một câu trả lời cập nhật bao gồm các trang web truyền thông xã hội phổ biến.

Tôi thường có bốn nhóm thông tin meta:


Thông tin Meta thông thường - được sử dụng bởi các công cụ tìm kiếm và trình duyệt

<title>{{pageTitle}}</title>
<meta charset="utf-8"><!-- html5 version of http-equiv="Content-Type"... -->
<meta name="description" content="{{description}}">
<meta name="keywords" content="{{keywords}}">
<link rel="author" href="https://plus.google.com/{{googlePlusId}}" />
<link rel="canonical" href="{{pageUrl}}" />


Thông tin Meta Facebook - được Facebook sử dụng khi ai đó chia sẻ url của bạn

<meta property="og:url" content="{{pageUrl}}">
<meta property="og:image" content="{{imageUrl}}">
<meta property="og:description" content="{{description}}">
<meta property="og:title" content="{{pageTitle}}">
<meta property="og:site_name" content="{{siteTitle}}">
<meta property="og:see_also" content="{{homepageUrl}}">


Thông tin meta của Google+ - được Google+ sử dụng khi ai đó chia sẻ url của bạn

<meta itemprop="name" content="{{pageTitle}}">
<meta itemprop="description" content="{{description}}">
<meta itemprop="image" content="{{imageUrl}}">

Lưu ý: bạn không thực sự cần những thứ này, Google+ sẽ trở lại thẻ Open Graph mà Facebook sử dụng.


Thông tin Meta Twitter - được Twitter sử dụng khi ai đó chia sẻ url của bạn

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="{{pageUrl}}">
<meta name="twitter:title" content="{{pageTitle}}">
<meta name="twitter:description" content="{{description}}">
<meta name="twitter:image" content="{{imageUrl}}">

Cảm ơn các cập nhật!
Ian Walker-Sperber

24

Tôi sẽ sử dụng câu trả lời tương tự cho câu hỏi này :

Vài năm trước, thẻ meta rất quan trọng đối với việc tối ưu hóa công cụ tìm kiếm. Tuy nhiên, chúng đã bị lạm dụng và thường bị bỏ qua bởi hầu hết các công cụ tìm kiếm (bao gồm Google, Yahoo và tìm kiếm Trực tiếp. Xin lỗi: Bing).

Các thẻ quan trọng nhất đối với SEO mà bạn có thể đưa vào (X) HTML của mình là thẻ <title><meta name="description"...>.

  • <title> thường phải là những gì bạn muốn công cụ tìm kiếm đặt tên trang của bạn trong danh sách của nó.
  • <meta name="description"...> đôi khi có thể cung cấp cho công cụ tìm kiếm ý tưởng cơ bản về cách mô tả trang của bạn khi lập chỉ mục nó.

Tuy nhiên, việc sử dụng hai thẻ này không nhất thiết sẽ tạo ra sự khác biệt trong việc tăng khả năng hiển thị trang web của bạn trên danh sách công cụ tìm kiếm. Để biết thêm thông tin về khía cạnh đó, Google có một phần hay về SEO trên trang web của họ.


12

Cập nhật tháng 5 năm 2015: Vẫn là một câu trả lời rất phổ biến, tôi khuyên bạn nên xem câu trả lời của @ alden vì nó được cập nhật nhiều hơn so với câu trả lời của riêng tôi (bây giờ 6 tuổi)

Câu trả lời ban đầu như sau:


<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> 

Để cho trình duyệt biết loại nội dung và mã hóa là gì

<meta NAME="ROBOTS" CONTENT="NOODP">

Xem http://www.mattcutts.com/blog/google-supports-meta-noodp-tag/ để biết lý do

<meta name="description"...>

Rõ ràng

<meta name="keywords"...>

Google không sử dụng điều này, nhưng các công cụ tìm kiếm khác có thể

<meta HTTP-EQUIV="Expires" CONTENT="Tue, 20 Jun 1995 04:13:09 GMT">

Nếu bạn biết khi nào bạn thích trang này sẽ hết hạn từ bộ nhớ cache


1
còn <meta http-equiv = "X-UA-Comp Tương thích" content = "IE = EmulateIE7" /> / man thì sao?
Dan

X-UA dành cho trình duyệt IE của bạn liên quan đến khả năng tương thích ..
Javascript Coder

1
Nir Levy. Để thân thiện với những người mới đến, tôi sẽ chấp nhận câu trả lời của @ alden nhưng cảm ơn bạn đã đóng góp. Nó đã và vẫn rất hữu ích.
Johnno Nolan

7

Các thẻ meta quan trọng nhất bạn nên sử dụng là:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

điều chỉnh cho phù hợp. Điều này đảm bảo rằng, nếu bạn cần truyền tài liệu HTML đó qua thứ gì đó không phải là máy chủ web (ví dụ: làm việc trên nó cục bộ, gửi dưới dạng tệp đính kèm), tác nhân người dùng sẽ biết về kiểu mime và bộ ký tự của nó. Chỉ cần đảm bảo rằng tiêu đề máy chủ của bạn đồng ý.


8
<meta charset="utf-8" />là HTML5 tương đương.
Druid

3

SEO tốt nhất là một trang web đáp ứng nhu cầu của người dùng mục tiêu một cách hiệu quả. Để làm điều đó, bạn cần phải có một trang web có một cái gì đó trong đó mà mọi người có thể sử dụng, muốn hoặc cần. Đây là giá trị và điều quan trọng nhất của nó. Nó có thể là bất cứ thứ gì từ các bài báo hay đến video giải trí hoặc một bản tải xuống hữu ích. Thẻ hỗ trợ nội dung tốt nhưng không thể thay thế nó cho SEO. Nếu nội dung đủ tốt thì không cần thẻ. Hãy tin tôi khi tôi nói, nếu trang web của bạn có thứ gì đó, bất cứ thứ gì mọi người muốn hoặc cần, mà họ không thể đến bất cứ đâu, trang web của bạn sẽ hoạt động tốt về mọi mặt, có thẻ hoặc không có thẻ. Nếu trang web của bạn nhàm chán và không có giá trị, nó sẽ bị lỗi, có thẻ hoặc không có thẻ.


2

thẻ meta mô tả sẽ được google sử dụng làm mô tả trang web của bạn. Tôi nghĩ đó là điều quan trọng nhất.

Tôi nghĩ rằng meta verify-v1 là quan trọng. Có thể sử dụng công cụ Quản trị trang web của Google


1

GoogleBot bỏ qua thông tin meta chỉ tin tưởng vào chính nội dung trang hơn là các trình mô tả nội dung. Vì vậy, tính hữu ích của một số thẻ có thể bị hạn chế.


2
Tuy nhiên, Google KHÔNG sử dụng thông tin meta để hiển thị trang trong danh sách của nó, vì vậy nó không hoàn toàn vô dụng.
Matthew Scharley

1

Tôi sẽ đảm bảo rằng bạn có tiêu đề, mô tả, từ khóa và thẻ truy cập lại sau trong các trang web của mình. Mặc dù Google không cân nhắc nhiều đến thẻ từ khóa, nhưng nó vẫn có thể được sử dụng bởi các công cụ tìm kiếm nhỏ hơn.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.