Google sẽ phạt trang web của tôi nếu tôi ẩn thẻ H1?

Tôi đã đọc một bài viết ngày hôm nay nơi tác giả tuyên bố rằng nếu bạn đặt từ khóa lên trang của mình nhưng sau đó ẩn chúng bằng CSS, Google sẽ phạt trang web của bạn. Điều này có ý nghĩa.

Điều này khiến tôi suy nghĩ về kỹ thuật của chính mình khi tôi xây dựng một trang web. Ví dụ: khi tôi xây dựng một trang web và logo chứa tên của trang web, tôi có xu hướng đặt tên của trang web trong một thẻ H1 và sau đó ẩn thẻ này. Tôi không biết tại sao tôi làm điều đó, tôi đã luôn luôn làm nó. Tôi cũng bao gồm bất kỳ văn bản được giữ trong một hình ảnh trong altthuộc tính của imgthẻ.

Nhưng vì tôi đang ẩn thẻ H1, điều này có khiến tôi mở để Google phạt trang web vì tôi đã ẩn thẻ này không?

Như Su 'đã đề cập thay thế hình ảnh là khá chuẩn. Bạn có thể sẽ nhận được nhiều hơn trong số H1 của mình nếu bạn biến chúng thành duy nhất trên mỗi trang (ví dụ: bằng cách sử dụng tiêu đề của bài viết là H1).

Tuy nhiên, theo như Google bị phạt cụ thể nhắm mục tiêu văn bản ẩn dưới dạng SPAM, tuy nhiên, họ luôn nói rằng "hãy xây dựng trang web của bạn theo cách bạn sẽ làm nếu công cụ tìm kiếm không tồn tại và về mặt lý thuyết có nghĩa là bạn sẽ ổn và họ có thể nói sự khác biệt giữa văn bản ẩn bị thao túng và văn bản ẩn xảy ra một cách tự nhiên.

Cá nhân tôi không muốn để lại những thứ tương tự như vậy cho Google để tìm hiểu vì vậy tôi khuyên bạn nên chuyển H1 của mình sang nội dung chính của trang web, tiêu đề bài viết, tiêu đề sản phẩm hoặc bất kỳ nội dung nào của bạn đảm bảo. Theo cách đó, nó là duy nhất, mà G thích, nó liên quan đến nội dung, G thích và nằm trong tầm nhìn rõ ràng cho cả người và bot.

ví dụ: khi tôi xây dựng một trang web và logo chứa tên của trang web, tôi có xu hướng đặt tên của trang web trong một thẻ H1 và sau đó ẩn thẻ này. Tôi cũng bao gồm bất kỳ văn bản nào được giữ trong một hình ảnh trong thuộc tính alt của thẻ img.

Điều này hơi mơ hồ, nhưng nếu bằng cách này, bạn có nghĩa là bạn ẩn H1và sau đó cũng có một imgthẻ riêng để trình bày logo, bạn đang nhân đôi nỗ lực (và như những người khác đã nói, có khả năng mở ra các hình phạt nội dung ẩn). Tại sao không xem xét bằng cách sử dụng một phương pháp thay thế hình ảnh thay thế ? Bạn đã đi gần hết quãng đường đó rồi, chỉ cần thực hiện theo nhiều bước.

Trên thực tế, bạn chỉ có thể dán hình ảnh trực tiếp vào H1, nhưng một số người thích có văn bản trong nguồn của họ; cuộc gọi của bạn.

Bạn đúng là lo lắng về việc bị cấm đối với vấn đề thẻ H1. Nếu bạn lo lắng rằng trang web của bạn hiện có thể bị cấm, tôi sẽ đề xuất sử dụng các công cụ quản trị trang web của Google để xem bất kỳ thông báo nào mà Google đã đăng về nội dung của bạn. Họ cũng có một số công cụ mà bạn có thể sử dụng để đảm bảo trang web của bạn tuân thủ.

Về thẻ 'alt', hãy tiếp tục làm điều này! Google không chỉ sử dụng thẻ alt để hiểu hình ảnh mà cả phần mềm đọc màn hình cũng sử dụng cùng một thẻ alt để giúp những người khiếm thị điều hướng trang web của bạn.

Công cụ quản trị trang web của Google có thể được tìm thấy ở đây

Có - nó có thể dẫn đến việc Google phạt trang web của bạn. Google luôn nhìn vào altthẻ để xác định văn bản được che giấu trong một hình ảnh để thực sự không cần thêm tiêu đề vào h1thẻ. Bạn cũng có thể chỉ định các từ khóa trong thẻ meta cũng như tiêu đề trang.

Chúng tôi đang nói về tên trang web ở đây. Trong hầu hết các trường hợp, nó sẽ không dài đến thế và nó thường sẽ được lặp lại nhiều lần trên mỗi trang. Vì vậy, điều này sẽ không có vấn đề gì đối với bất kỳ công cụ tìm kiếm nào, vì thật khó để thấy làm thế nào điều này có thể lừa người dùng của họ. Điều này không thể so sánh với các trường hợp ai đó ẩn các từ khóa khác nhau không được lặp lại trong hoặc liên quan đến nội dung.

Tuy nhiên, điều đó không có nghĩa là bạn nên làm điều đó.

Tôi không biết tại sao tôi làm điều đó, tôi đã luôn luôn làm nó.

Bây giờ là lúc để suy nghĩ lại về nó. Tại sao bạn lại làm một cái gì đó như thế? Logo là (hoặc đại diện ) tên / tiêu đề của trang web. Vì vậy, nó nên được trong h1. Tùy thuộc vào phương thức ẩn của bạn, tiêu đề cũng có thể bị ẩn đối với trình đọc màn hình (điều này có thể phá vỡ điều hướng phác thảo mà nhiều người dùng trình đọc màn hình sử dụng).

Nếu bạn muốn hiển thị cung cấp cả hai, logo và tên, bạn có thể đặt cả hai giống nhau h1hoặc bạn có thể sử dụng hgroupphần tử HTML5 .

<!-- variant 1 -->
<h1><img src="acme-logo.png" alt="" />ACME Inc.</h1>

<!-- variant 2 -->
<hgroup>
  <h1><img src="acme-logo.png" alt="" /></h1>
  <h2>ACME Inc.</h2>
</hgroup>

Lưu ý rằng altgiá trị thuộc tính nên trống ở đây:

các altgiá trị của thuộc tính nên thông tin không lặp lại mà đã được quy định trong văn xuôi bên cạnh hình ảnh

Nếu bạn muốn chỉ sử dụng logo, điều đó cũng tốt:

<h1><img src="acme-logo.png" alt="ACME Inc." /></h1>

Về các câu trả lời khác:

Nó hoàn toàn tốt và tốt và trong nhiều trường hợp thậm chí được yêu cầu (đối với phác thảo của tài liệu) để sử dụng h1cho tiêu đề trang web , không phải cho tiêu đề nội dung trang. Trong HTML5, bạn có thể sử dụng h1cho cả hai tiêu đề (kết hợp với các yếu tố phân chia).

Một phương pháp CSS hình ảnh thay thế nên không được sử dụng cho các biểu tượng trang web, vì nó là nội dung (HTML), không trang trí (CSS)

Nó có thể được coi là SEO đen, trong khi nó hoạt động trong một số trường hợp tôi tin rằng bạn có thể bị phạt.

FWIW: liên quan đến tất cả các cuộc nói chuyện về việc bị "Bộ kiểm tra trung tâm" phạt, chính Google đã ẩn văn bản trên <h2 class="hd">Search results</h2>trang kết quả tìm kiếm của mình :

.hd {
   height: 1px;
   overflow: hidden;
   position: absolute;
   top: -1000em;
   width: 1px;
}