@ phông chữ, phông chữ google và SEO


7

Một người mà tôi biết tuyên bố rằng các công cụ tìm kiếm như Google gặp rắc rối với các phông chữ không phải là phông chữ tiêu chuẩn cũ của năm qua, dẫn đến các trang không bị phân tách bởi các trình tìm kiếm và để đảm bảo an toàn cho SEO, tôi nên sử dụng các standbys như Arial. Tìm kiếm nhanh trên google cho 'công cụ tìm kiếm không thể đọc được phông chữ' mang lại zilch. Do các công cụ tìm kiếm thực sự bỏ qua văn bản được định dạng bằng phông chữ mà chúng không nhận ra?


5
Một video gần đây (ngày 7 tháng 5 năm 2012) từ Matt Cutts trên ... Google xem thay thế phông chữ như thế nào?
MrWhite

+1 cho liên kết. Tôi LUÔN muốn nghe câu trả lời từ The Matt.
huzzah

Câu trả lời:


11

Có và không, anh ấy kết hợp hai thứ khác nhau.

Vào cuối những năm 90 / đầu những năm 2000, khi các nhà thiết kế cần sử dụng phông chữ vì lý do thiết kế, họ đã nhúng các tệp đồ họa vào các trang HTML. Các công cụ tìm kiếm không thể hiểu những điều này, cũng như các trình đọc màn hình được sử dụng bởi những người mù và một phần thị lực. Điều này là do mã HTML duy nhất trong trang cho một liên kết menu, ví dụ, sẽ giống như mã

<div><a href="#"><img src="menu-title.gif" /></a></div>

Điều này là vô nghĩa đối với một robot mà tại thời điểm đó chỉ có thể giải mã HTML cũ đơn giản, bỏ qua CSS và các thẻ. Cách khắc phục trong thời đại đó là viết mã như thế này

<div><a href="#"><img src="menu-title.gif" /><span class="text-indent">Menu Title</span></a></div>

và sử dụng CSS như thế này

.text-indent { text-indent: -5000px; }

để chuyển văn bản ra khỏi phần của trang hiển thị cho người dùng bị nhìn thấy. Điều này có nghĩa là các công cụ tìm kiếm sẽ có được thông tin họ cần để hiểu ngữ cảnh của liên kết mà không làm gián đoạn hình ảnh.

Ngày nay, bạn có thể sử dụng các công nghệ như phông chữ nhúng hoặc Phông chữ Web của Google để tăng cường thiết kế của mình. Các phần này hiển thị các phần văn bản từ tài liệu HTML dưới dạng phông chữ chống răng cưa, nhưng vẫn giữ nguyên mã HTML, do đó các công cụ tìm kiếm (và trình đọc màn hình) có thể phân tích văn bản.

Nhìn chung, anh ấy sai về cả hai số, với điều kiện thông tin văn bản có liên quan có sẵn trong các công cụ tìm kiếm HTML văn bản đơn giản sẽ hiểu trang của bạn và các liên kết - phông chữ / đồ họa là không quan trọng.

Anh ấy cũng sai về các nhóm (từ âm thanh của nó, anh ấy rất khó chịu) bất cứ ai có quyền truy cập vào Google đều có thể hiểu điều này.


Bạn cũng có thể sử dụng altvà / hoặc titlecác thuộc tính để chỉ ra nội dung của hình ảnh:<img src="menu-title.gif" alt="Menu Title" />
joshuahedlund

3
nhưng Google sẽ coi nó khác - như một mô tả hình ảnh, không phải là một phần của văn bản
Jacek Kaniuk

1
Nếu một hình ảnh có altvăn bản, văn bản sẽ được xử lý bởi trình đọc màn hình, công cụ tìm kiếm, trình duyệt chỉ văn bản, v.v. làm nội dung văn bản. Đó là toàn bộ mục đích của việc có nội dung văn bản thay thế . Google sẽ phân tích và tìm kiếm altvăn bản và họ sẽ đưa nó vào luồng văn bản và coi nó là văn bản neo trong trường hợp liên kết hình ảnh.
Lèse majesté

1
Tuy nhiên, titlethuộc tính không giống như alt. titleđược thiết kế để cung cấp thông tin tư vấn bổ sung về một yếu tố. Nó thường được hiển thị dưới dạng mẹo công cụ nhưng sẽ không được coi là đại diện văn bản thay thế cho nội dung hình ảnh của các công cụ tìm kiếm, trình đọc màn hình, v.v ... Đó là lý do tại sao hầu hết các nhóm a11y khuyên không nên sử dụng titlethay thế althoặc sử dụng các titlethuộc tính dự phòng chỉ lặp lại văn bản hình ảnh.
Lèse majesté

2
@ Lèsemajesté Tôi đã được đào tạo về JAWS và, trước đây tôi từng là một nhà phát triển khả năng truy cập, tôi cũng có một người bạn thân là một nhà phát triển web mù. Quan điểm là việc sử dụng alt và tiêu đề không đúng cách đã khiến chúng trở nên vô dụng đối với hầu hết người dùng bị khiếm thị (mặc dù chúng là một phần quan trọng của tiêu chuẩn) và các công cụ được phát triển để tính đến điều đó. Vì vậy, người dùng sử dụng các thẻ tiêu đề để hiểu được vị trí của họ trên trang và sau đó nhìn vào các liên kết để tìm ra nơi cần đến. Alt chỉ hữu ích nếu trang gây nhầm lẫn. Thật tuyệt vời khi xem!
toomanyairmiles

5

Công cụ tìm kiếm không đọc phông chữ. Họ không "xem" trang. Họ đọc văn bản. Họ đọc đánh dấu ngữ nghĩa. Họ cố gắng tìm mối quan hệ. Phông chữ hoàn toàn vô dụng và không liên quan đến chúng.

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.