KỸ THUẬT SEO Kiến thức kỹ thuật cơ bản sẽ giúp bạn tối ưu hóa trang web của mình cho các công cụ tìm kiếm và thiết lập uy tín với các nhà ...
KỸ THUẬT SEO
Kiến thức kỹ thuật cơ bản sẽ giúp bạn tối ưu hóa trang web của mình cho các công cụ tìm kiếm và thiết lập uy tín với các nhà phát triển.
Bây giờ bạn đã tạo ra nội dung có giá trị trên nền tảng nghiên cứu từ khóa vững chắc, điều quan trọng là đảm bảo rằng nó không chỉ có thể đọc được bởi con người mà còn bởi các công cụ tìm kiếm!
Bạn không cần phải hiểu biết sâu về kỹ thuật về những khái niệm này, nhưng điều quan trọng là phải nắm được những công dụng của những tài sản kỹ thuật này để bạn có thể nói một cách thông minh về chúng với các nhà phát triển. Nói ngôn ngữ của nhà phát triển của bạn là rất quan trọng vì có thể bạn sẽ cần họ thực hiện một số tối ưu hóa của bạn. Họ không có khả năng ưu tiên các yêu cầu của bạn nếu họ không thể hiểu yêu cầu của bạn hoặc không thấy tầm quan trọng của nó. Khi bạn thiết lập uy tín và sự tin tưởng với các nhà phát triển của mình, bạn có thể bắt đầu xé bỏ lớp băng đỏ thường ngăn cản việc hoàn thành công việc quan trọng.
Từ đó có nghĩa là gì?
SEO cần hỗ trợ giữa các nhóm để có hiệu quả
Ngoài hỗ trợ giữa nhiều nhóm, hiểu rõ về tối ưu hóa kỹ thuật cho SEO là điều cần thiết nếu bạn muốn đảm bảo rằng các trang web của mình được cấu trúc cho cả con người và trình thu thập thông tin. Để kết thúc, chúng tôi đã chia chương này thành ba phần:
- Cách các trang web hoạt động
- Cách các công cụ tìm kiếm hiểu các trang web
- Cách người dùng tương tác với các trang web
Vì cấu trúc kỹ thuật của một trang web có thể có tác động lớn đến hiệu suất của nó, nên điều quan trọng là mọi người phải hiểu những nguyên tắc này. Bạn cũng nên chia sẻ phần này của hướng dẫn với các lập trình viên, người viết nội dung và nhà thiết kế của bạn để tất cả các bên liên quan đến việc xây dựng một trang web đều ở trên cùng một trang.
Dùng thử Moz Pro, miễn phí!
Cách các trang web hoạt động
Nếu tối ưu hóa công cụ tìm kiếm là quá trình tối ưu hóa một trang web để tìm kiếm, thì người làm SEO ít nhất cần có hiểu biết cơ bản về thứ mà họ đang tối ưu hóa!
Dưới đây, chúng tôi phác thảo hành trình của trang web từ khi mua tên miền đến trạng thái được hiển thị đầy đủ trong trình duyệt. Một thành phần quan trọng trong hành trình của trang web là đường dẫn hiển thị quan trọng, là quá trình trình duyệt chuyển mã của trang web thành một trang có thể xem được.
Biết điều này về các trang web là điều quan trọng đối với người làm SEO để hiểu vì một số lý do:
- Các bước trong quy trình lắp ráp trang web này có thể ảnh hưởng đến thời gian tải trang và tốc độ không chỉ quan trọng để giữ người dùng trên trang web của bạn mà nó còn là một trong những yếu tố xếp hạng của Google.
- Google hiển thị một số tài nguyên nhất định, như JavaScript, trên " lần thứ hai ". Google sẽ xem xét trang không có JavaScript trước, sau đó vài ngày đến vài tuần sau, nó sẽ hiển thị JavaScript, có nghĩa là các yếu tố quan trọng về SEO được thêm vào trang bằng JavaScript có thể không được lập chỉ mục.
Hãy tưởng tượng rằng quá trình tải trang web là quá trình bạn đi làm. Bạn chuẩn bị sẵn sàng ở nhà, thu dọn đồ đạc để mang đến văn phòng, sau đó đi một con đường nhanh nhất từ nhà đến cơ quan của bạn. Sẽ thật ngớ ngẩn nếu chỉ xỏ một đôi giày của bạn, đi một quãng đường dài hơn đến nơi làm việc, bỏ đồ đạc ở văn phòng, sau đó ngay lập tức trở về nhà để lấy chiếc giày khác của mình, phải không? Đó là những gì các trang web kém hiệu quả làm. Chương này sẽ dạy bạn cách chẩn đoán vị trí trang web của bạn có thể hoạt động kém hiệu quả, những gì bạn có thể làm để hợp lý hóa và các phân nhánh tích cực về thứ hạng và trải nghiệm người dùng của bạn có thể là kết quả của việc hợp lý hóa đó.
Trước khi một trang web có thể được truy cập, nó cần phải được thiết lập!
- Tên miền được mua. Các tên miền như moz.com được mua từ một công ty đăng ký tên miền như GoDaddy hoặc HostGator. Các công ty đăng ký này chỉ là các tổ chức quản lý việc đặt trước tên miền.
- Tên miền được liên kết với địa chỉ IP. Internet không hiểu những tên như “moz.com” là địa chỉ trang web nếu không có sự trợ giúp của máy chủ định danh miền (DNS). Internet sử dụng một loạt các số được gọi là địa chỉ giao thức Internet (IP) (ví dụ: 127.0.0.1), nhưng chúng tôi muốn sử dụng các tên như moz.com vì chúng dễ nhớ hơn đối với con người. Chúng tôi cần sử dụng DNS để liên kết những tên có thể đọc được của con người với các số có thể đọc được bằng máy.
Cách một trang web đi từ máy chủ đến trình duyệt
- Người dùng yêu cầu miền. Giờ đây, tên được liên kết với địa chỉ IP thông qua DNS, mọi người có thể yêu cầu một trang web bằng cách nhập tên miền trực tiếp vào trình duyệt của họ hoặc bằng cách nhấp vào liên kết đến trang web.
- Trình duyệt đưa ra yêu cầu. Yêu cầu trang web đó sẽ nhắc trình duyệt thực hiện yêu cầu tra cứu DNS để chuyển đổi tên miền thành địa chỉ IP của nó. Sau đó, trình duyệt đưa ra yêu cầu đối với máy chủ về mã mà trang web của bạn được xây dựng, chẳng hạn như HTML, CSS và JavaScript.
- Máy chủ gửi tài nguyên. Khi máy chủ nhận được yêu cầu cho trang web, nó sẽ gửi các tệp trang web để được tập hợp trong trình duyệt của người tìm kiếm.
- Trình duyệt tập hợp trang web. Trình duyệt hiện đã nhận tài nguyên từ máy chủ, nhưng nó vẫn cần tổng hợp tất cả lại với nhau và hiển thị trang web để người dùng có thể nhìn thấy nó trong trình duyệt của họ. Khi trình duyệt phân tích cú pháp và tổ chức tất cả các tài nguyên của trang web, trình duyệt đang tạo Mô hình Đối tượng Tài liệu (DOM). DOM là những gì bạn có thể thấy khi nhấp chuột phải và "kiểm tra phần tử" trên một trang web trong trình duyệt Chrome của bạn (tìm hiểu cách kiểm tra các phần tử trong các trình duyệt khác ).
- Trình duyệt đưa ra yêu cầu cuối cùng. Trình duyệt sẽ chỉ hiển thị một trang web sau khi tất cả mã cần thiết của trang được tải xuống, phân tích cú pháp và thực thi, vì vậy tại thời điểm này, nếu trình duyệt cần bất kỳ mã bổ sung nào để hiển thị trang web của bạn, nó sẽ thực hiện một yêu cầu bổ sung từ máy chủ của bạn .
- Trang web xuất hiện trong trình duyệt. Chà! Sau tất cả những điều đó, trang web của bạn hiện đã được chuyển đổi (kết xuất) từ mã sang những gì bạn thấy trong trình duyệt của mình.
Nói chuyện với các nhà phát triển của bạn về không đồng bộ!
Bây giờ bạn đã biết cách một trang web xuất hiện trong trình duyệt, chúng ta sẽ tập trung vào việc một trang web được làm bằng gì - nói cách khác, mã (ngôn ngữ lập trình) được sử dụng để xây dựng các trang web đó.
Ba phổ biến nhất là:
- HTML - Trang web nói gì (tiêu đề, nội dung nội dung, v.v.)
- CSS - Trang web trông như thế nào (màu sắc, phông chữ, v.v.)
- JavaScript - Cách nó hoạt động (tương tác, động, v.v.)
Hình ảnh này được lấy cảm hứng từ ví dụ tuyệt vời của Alexis Sanders trong JavaScript & SEO: Làm cho trải nghiệm bot của bạn tốt như trải nghiệm người dùng của bạn
HTML: Trang web nói gì
HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản và nó đóng vai trò là xương sống của một trang web. Các phần tử như tiêu đề, đoạn văn, danh sách và nội dung đều được xác định trong HTML.
Dưới đây là một ví dụ về một trang web và HTML tương ứng của nó trông như thế nào:
Đây là ảnh chụp màn hình từ W3schools.com , nơi yêu thích của chúng tôi để học và thực hành HTML, CSS và JavaScript.
HTML rất quan trọng đối với những người làm SEO vì nó là thứ sống “bên dưới” của bất kỳ trang nào mà họ tạo hoặc làm việc trên đó. Mặc dù CMS của bạn có thể không yêu cầu bạn viết các trang của mình bằng HTML (ví dụ: chọn “siêu liên kết” sẽ cho phép bạn tạo liên kết mà không cần phải nhập “a href =”), nhưng đó là những gì bạn đang sửa đổi mọi thời gian bạn làm điều gì đó với một trang web, chẳng hạn như thêm nội dung, thay đổi văn bản liên kết của các liên kết nội bộ, v.v. Google thu thập dữ liệu các phần tử HTML này để xác định mức độ liên quan của tài liệu của bạn với một truy vấn cụ thể. Nói cách khác, những gì trong HTML của bạn đóng một vai trò rất lớn trong việc xếp hạng trang web của bạn trong tìm kiếm không phải trả tiền của Google!
CSS: Trang web trông như thế nào
CSS là viết tắt của "bảng kiểu xếp tầng" và đây là nguyên nhân khiến các trang web của bạn có phông chữ, màu sắc và bố cục nhất định. HTML được tạo ra để mô tả nội dung, chứ không phải để tạo kiểu cho nó, vì vậy khi CSS vào thực tế, nó là một công cụ thay đổi trò chơi. Với CSS, các trang web có thể được “làm đẹp” mà không yêu cầu mã hóa thủ công các kiểu vào HTML của mỗi trang - một quá trình phức tạp, đặc biệt là đối với các trang web lớn.
Cho đến năm 2014 , hệ thống lập chỉ mục của Google mới bắt đầu hiển thị các trang web giống một trình duyệt thực tế hơn, thay vì trình duyệt chỉ có văn bản. Một phương pháp SEO mũ đen đã cố gắng tận dụng hệ thống lập chỉ mục cũ của Google là ẩn văn bản và liên kết qua CSS nhằm mục đích thao túng thứ hạng của công cụ tìm kiếm. Thực hành " văn bản và liên kết ẩn " này vi phạm nguyên tắc chất lượng của Google.
Các thành phần của CSS mà người làm SEO, đặc biệt, nên quan tâm:
- Vì chỉ thị kiểu có thể nằm trong tệp biểu định kiểu bên ngoài (tệp CSS) thay vì HTML của trang, nên nó làm cho trang của bạn ít chứa mã hơn, giảm kích thước truyền tệp và làm cho thời gian tải nhanh hơn.
- Các trình duyệt vẫn phải tải xuống các tài nguyên như tệp CSS của bạn, vì vậy việc nén chúng có thể làm cho các trang web của bạn tải nhanh hơn và tốc độ trang là một yếu tố xếp hạng.
- Việc các trang của bạn có nhiều nội dung hơn là có nhiều mã có thể dẫn đến việc lập chỉ mục nội dung trang web của bạn tốt hơn.
- Sử dụng CSS để ẩn các liên kết và nội dung có thể khiến trang web của bạn bị phạt và bị xóa khỏi chỉ mục của Google theo cách thủ công.
JavaScript: Cách một trang web hoạt động
Trong những ngày đầu của Internet, các trang web được xây dựng bằng HTML. Khi CSS xuất hiện, nội dung trang web có khả năng mang một số phong cách. Khi ngôn ngữ lập trình JavaScript xuất hiện, các trang web giờ đây không chỉ có cấu trúc và kiểu dáng mà còn có thể động .
JavaScript đã mở ra rất nhiều cơ hội cho việc tạo trang web không tĩnh. Khi ai đó cố gắng truy cập một trang được nâng cao bằng ngôn ngữ lập trình này, trình duyệt của người dùng đó sẽ thực thi JavaScript dựa trên HTML tĩnh mà máy chủ trả về, dẫn đến một trang web trở nên sống động với một số loại tương tác.
Bạn chắc chắn đã thấy JavaScript hoạt động - có thể bạn chưa biết nó! Đó là bởi vì JavaScript có thể thực hiện hầu hết mọi thứ với một trang. Ví dụ: nó có thể tạo cửa sổ bật lên hoặc có thể yêu cầu các tài nguyên của bên thứ ba như quảng cáo để hiển thị trên trang của bạn.
Kết xuất phía máy khách so với kết xuất phía máy chủ
Tuy nhiên, JavaScript có thể gây ra một số vấn đề cho SEO vì các công cụ tìm kiếm không xem JavaScript giống như cách mà khách truy cập của con người vẫn làm. Đó là do kết xuất phía máy khách so với phía máy chủ. Hầu hết JavaScript được thực thi trong trình duyệt của khách hàng. Mặt khác, với kết xuất phía máy chủ, các tệp được thực thi tại máy chủ và máy chủ sẽ gửi chúng đến trình duyệt ở trạng thái được hiển thị đầy đủ.
Các phần tử trang quan trọng về SEO như văn bản, liên kết và thẻ được tải ở phía khách hàng bằng JavaScript, thay vì được trình bày trong HTML của bạn, sẽ ẩn khỏi mã trang của bạn cho đến khi chúng được hiển thị. Điều này có nghĩa là trình thu thập thông tin của công cụ tìm kiếm sẽ không thấy những gì trong JavaScript của bạn - ít nhất là không phải lúc đầu.
Google nói rằng, miễn là bạn không chặn Googlebot thu thập dữ liệu các tệp JavaScript của mình, chúng thường có thể hiển thị và hiểu các trang web của bạn giống như trình duyệt có thể, điều đó có nghĩa là Googlebot sẽ thấy những thứ giống như người dùng đang xem một trang web trong trình duyệt của họ. Tuy nhiên, do “ làn sóng lập chỉ mục thứ hai ” này đối với JavaScript phía máy khách, Google có thể bỏ sót một số phần tử nhất định chỉ khả dụng khi JavaScript được thực thi.
Ngoài ra còn có một số điều khác có thể xảy ra trong quá trình Googlebot hiển thị các trang web của bạn, điều này có thể ngăn Google hiểu những gì có trong JavaScript của bạn:
- Bạn đã chặn Googlebot khỏi các tài nguyên JavaScript (ví dụ: với robots.txt, như chúng ta đã tìm hiểu trong Chương 2 )
- Máy chủ của bạn không thể xử lý tất cả các yêu cầu thu thập thông tin nội dung của bạn
- JavaScript quá phức tạp hoặc lỗi thời để Googlebot không thể hiểu được
- JavaScript không "tải chậm" nội dung vào trang cho đến khi trình thu thập thông tin kết thúc với trang và chuyển sang.
Không cần phải nói, mặc dù JavaScript mở ra rất nhiều khả năng cho việc tạo trang web, nhưng nó cũng có thể có một số phân nhánh nghiêm trọng cho SEO của bạn nếu bạn không cẩn thận.
Rất may, có một cách để kiểm tra xem Google có nhìn thấy điều tương tự như khách truy cập của bạn hay không. Để xem trang cách Googlebot xem trang của bạn, hãy sử dụng công cụ "Kiểm tra URL" của Google Search Console. Chỉ cần dán URL trang của bạn vào thanh tìm kiếm GSC:
Từ đây, hãy nhấp vào "Kiểm tra URL trực tiếp".
Sau khi Googlebot thu thập lại thông tin URL của bạn, hãy nhấp vào "Xem trang đã kiểm tra" để xem cách trang của bạn đang được thu thập thông tin và hiển thị.
Nhấp vào tab "Ảnh chụp màn hình" bên cạnh "HTML" sẽ hiển thị cách điện thoại thông minh Googlebot hiển thị trang của bạn.
Đổi lại, bạn sẽ thấy cách Googlebot nhìn thấy trang của bạn so với cách khách truy cập (hoặc bạn) có thể xem trang. Trong tab "Thông tin khác", Google cũng sẽ hiển thị cho bạn danh sách bất kỳ tài nguyên nào mà họ có thể không lấy được cho URL bạn đã nhập.
Việc hiểu cách thức hoạt động của các trang web đặt nền tảng tuyệt vời cho những gì chúng ta sẽ nói đến tiếp theo: tối ưu hóa kỹ thuật để giúp Google hiểu các trang trên trang web của bạn tốt hơn.
Cách các công cụ tìm kiếm hiểu các trang web
Hãy tưởng tượng bạn là một trình thu thập thông tin của công cụ tìm kiếm đang quét một bài báo dài 10.000 từ về cách nướng một chiếc bánh. Làm thế nào để bạn xác định được tác giả, công thức, nguyên liệu hoặc các bước cần thiết để nướng một chiếc bánh? Đây là lúc đánh dấu lược đồ xuất hiện. Nó cho phép bạn cung cấp cho các công cụ tìm kiếm các phân loại cụ thể hơn cho loại thông tin trên trang của bạn.
Lược đồ là một cách để gắn nhãn hoặc sắp xếp nội dung của bạn để các công cụ tìm kiếm hiểu rõ hơn về các yếu tố nhất định trên các trang web của bạn. Mã này cung cấp cấu trúc cho dữ liệu của bạn, đó là lý do tại sao lược đồ thường được gọi là “dữ liệu có cấu trúc”. Quá trình cấu trúc dữ liệu của bạn thường được gọi là “đánh dấu” vì bạn đang đánh dấu nội dung của mình bằng mã tổ chức.
JSON-LD là đánh dấu lược đồ ưa thích của Google (được công bố vào tháng 5 năm 16), Bing cũng hỗ trợ. Để xem danh sách đầy đủ hàng nghìn đánh dấu lược đồ có sẵn, hãy truy cập Schema.org hoặc xem Giới thiệu về dữ liệu có cấu trúc của Google Developers để biết thêm thông tin về cách triển khai dữ liệu có cấu trúc. Sau khi triển khai dữ liệu có cấu trúc phù hợp nhất với các trang web của mình, bạn có thể kiểm tra đánh dấu của mình bằng Công cụ kiểm tra dữ liệu có cấu trúc của Google .
Ngoài việc giúp các bot như Google hiểu nội dung cụ thể là gì, đánh dấu lược đồ cũng có thể kích hoạt các tính năng đặc biệt đi kèm với các trang của bạn trong SERPs. Các tính năng đặc biệt này được gọi là "đoạn mã chi tiết" và có thể bạn đã thấy chúng hoạt động. Chúng là những thứ như :
- Băng chuyền Câu chuyện hàng đầu
- Đánh giá sao
- Hộp tìm kiếm liên kết trang web
- Công thức nấu ăn
Hãy nhớ rằng, sử dụng dữ liệu có cấu trúc có thể giúp hiển thị đoạn mã chi tiết, nhưng không đảm bảo điều đó. Các loại đoạn mã chi tiết khác có thể sẽ được thêm vào trong tương lai khi việc sử dụng đánh dấu lược đồ tăng lên.
Một số lời khuyên cuối cùng để lược đồ thành công:
- Bạn có thể sử dụng nhiều loại đánh dấu lược đồ trên một trang. Tuy nhiên, nếu bạn đánh dấu một yếu tố, chẳng hạn như một sản phẩm và có các sản phẩm khác được liệt kê trên trang, bạn cũng phải đánh dấu các sản phẩm đó.
- Không đánh dấu nội dung không hiển thị cho khách truy cập và tuân theo Nguyên tắc chất lượng của Google . Ví dụ: nếu bạn thêm đánh dấu có cấu trúc đánh giá vào một trang, hãy đảm bảo rằng những đánh giá đó thực sự hiển thị trên trang đó.
- Nếu bạn có các trang trùng lặp, Google yêu cầu bạn đánh dấu từng trang trùng lặp bằng đánh dấu có cấu trúc của bạn , không chỉ với phiên bản chuẩn.
- Cung cấp thông tin gốc và cập nhật (nếu có) trên các trang dữ liệu có cấu trúc của bạn .
- Đánh dấu có cấu trúc phải phản ánh chính xác trang của bạn.
- Cố gắng sử dụng loại đánh dấu lược đồ cụ thể nhất cho nội dung của bạn.
- Doanh nghiệp không nên viết các bài đánh giá có đánh dấu. Chúng phải là những đánh giá thực tế về doanh nghiệp không phải trả tiền từ những khách hàng thực tế.
Cho các công cụ tìm kiếm biết về các trang ưa thích của bạn với quá trình chuẩn hóa
Khi Google thu thập thông tin cùng một nội dung trên các trang web khác nhau, đôi khi nó không biết trang nào để lập chỉ mục trong kết quả tìm kiếm. Đây là lý do tại sao thẻ rel = "canonical" được phát minh: để giúp các công cụ tìm kiếm lập chỉ mục tốt hơn phiên bản nội dung ưa thích chứ không phải tất cả các bản sao của nó.
Thẻ rel = "canonical" cho phép bạn cho các công cụ tìm kiếm biết vị trí của phiên bản gốc, chính của một phần nội dung. Về cơ bản, bạn đang nói, "Này công cụ tìm kiếm! Đừng lập chỉ mục này; thay vào đó hãy lập chỉ mục trang nguồn này ." Vì vậy, nếu bạn muốn xuất bản lại một phần nội dung, cho dù chính xác hay đã được sửa đổi một chút, nhưng không muốn mạo hiểm tạo ra nội dung trùng lặp, thì thẻ canonical ở đây để tiết kiệm thời gian.
Chuẩn hóa phù hợp đảm bảo rằng mọi phần nội dung duy nhất trên trang web của bạn chỉ có một URL. Để ngăn các công cụ tìm kiếm lập chỉ mục nhiều phiên bản của một trang, Google khuyên bạn nên có một thẻ chuẩn tự tham chiếu trên mỗi trang trên trang web của bạn. Nếu không có thẻ chuẩn cho Google biết phiên bản trang web của bạn là phiên bản ưa thích, https://www.example.com có thể được lập chỉ mục riêng với https://example.com, tạo ra các bản sao.
"Tránh nội dung trùng lặp" là một sự thật trên Internet, và vì lý do chính đáng! Google muốn thưởng cho các trang web có nội dung độc đáo, có giá trị - không phải nội dung được lấy từ các nguồn khác và lặp lại trên nhiều trang. Bởi vì các công cụ muốn cung cấp trải nghiệm tốt nhất cho người tìm kiếm, chúng sẽ hiếm khi hiển thị nhiều phiên bản của cùng một nội dung, thay vào đó chọn chỉ hiển thị phiên bản chuẩn hóa hoặc nếu thẻ chuẩn không tồn tại, bất kỳ phiên bản nào mà chúng cho là có nhiều khả năng là phiên bản gốc nhất.
Phân biệt giữa lọc nội dung và hình phạt nội dung
Nó cũng rất phổ biến cho các trang web có nhiều trang trùng lặp do các tùy chọn sắp xếp và lọc. Ví dụ: trên một trang web thương mại điện tử, bạn có thể có cái gọi là điều hướng theo từng khía cạnh cho phép khách truy cập thu hẹp sản phẩm để tìm chính xác những gì họ đang tìm kiếm, chẳng hạn như tính năng “sắp xếp theo” sắp xếp lại kết quả trên danh mục sản phẩm trang từ giá thấp nhất đến cao nhất. Điều này có thể tạo ra một URL giống như sau: example.com/mens-shirts?sort=price_ascending. Thêm nhiều tùy chọn sắp xếp / lọc hơn như màu sắc, kích thước, chất liệu, thương hiệu, v.v. và chỉ cần suy nghĩ về tất cả các biến thể của trang danh mục sản phẩm chính của bạn mà điều này sẽ tạo ra!
Để tìm hiểu thêm về các loại nội dung trùng lặp khác nhau, bài đăng này của Tiến sĩ Pete giúp chắt lọc các sắc thái khác nhau.
GIỮ CHO TRANG WEB CỦA BẠN KHỎE MẠNH VỀ MẶT KỸ THUẬT VỚI MOZ PRO
Moz Pro tự động thu thập dữ liệu trang web của bạn và cảnh báo bạn về các vấn đề mới và khẩn cấp trước khi chúng vượt ra ngoài tầm kiểm soát. Từ nội dung trùng lặp đến thiếu các trang chuẩn cho đến URL 404ing và hơn thế nữa, Moz Pro nhanh chóng tìm ra các vấn đề nghiêm trọng. Hãy quay thử và tự mình xem:
Cách người dùng tương tác với các trang web
Trong Chương 1, chúng tôi đã nói rằng mặc dù SEO có nghĩa là tối ưu hóa công cụ tìm kiếm, nhưng SEO liên quan nhiều đến con người cũng như bản thân các công cụ tìm kiếm. Đó là bởi vì các công cụ tìm kiếm tồn tại để phục vụ người tìm kiếm. Mục tiêu này giúp giải thích lý do tại sao thuật toán của Google thưởng cho các trang web cung cấp trải nghiệm tốt nhất có thể cho người tìm kiếm và tại sao một số trang web, mặc dù có các phẩm chất như hồ sơ liên kết ngược mạnh mẽ, có thể không hoạt động tốt trong tìm kiếm.
Khi chúng tôi hiểu điều gì làm cho trải nghiệm duyệt web của họ trở nên tối ưu, chúng tôi có thể tạo ra những trải nghiệm đó để đạt được hiệu suất tìm kiếm tối đa.
Đảm bảo trải nghiệm tích cực cho khách truy cập trên thiết bị di động của bạn
Hơn một nửa lưu lượng truy cập web ngày nay đến từ thiết bị di động, thật an toàn khi nói rằng trang web của bạn phải có thể truy cập và dễ dàng điều hướng đối với khách truy cập trên thiết bị di động. Vào tháng 4 năm 2015, Google đã tung ra một bản cập nhật cho thuật toán của mình để quảng cáo các trang thân thiện với thiết bị di động hơn các trang không thân thiện với thiết bị di động. Vì vậy, làm thế nào bạn có thể đảm bảo rằng trang web của bạn thân thiện với thiết bị di động? Mặc dù có ba cách chính để định cấu hình trang web của bạn cho thiết bị di động, nhưng Google khuyên bạn nên thiết kế web đáp ứng .
Thiết kế đáp ứng
Trang web đáp ứng được thiết kế để phù hợp với màn hình của bất kỳ loại thiết bị nào mà khách truy cập của bạn đang sử dụng. Bạn có thể sử dụng CSS để làm cho trang web "phản hồi" với kích thước thiết bị. Điều này là lý tưởng vì nó ngăn không cho khách truy cập phải nhấn đúp hoặc chụm và thu phóng để xem nội dung trên các trang của bạn. Bạn không chắc liệu các trang web của mình có thân thiện với thiết bị di động hay không? Bạn có thể sử dụng thử nghiệm thân thiện với thiết bị di động của Google để kiểm tra!
AMP
AMP là viết tắt của Accelerated Mobile Pages và nó được sử dụng để cung cấp nội dung cho khách truy cập trên thiết bị di động với tốc độ lớn hơn nhiều so với phân phối không phải AMP. AMP có thể phân phối nội dung nhanh như vậy vì nó phân phối nội dung từ các máy chủ bộ nhớ cache (không phải trang web gốc) và sử dụng phiên bản AMP đặc biệt của HTML và JavaScript.
Ưu tiên lập chỉ mục trên thiết bị di động
Kể từ năm 2018, Google bắt đầu chuyển các trang web sang lập chỉ mục ưu tiên thiết bị di động. Sự thay đổi đó đã gây ra một số nhầm lẫn giữa tính thân thiện với thiết bị di động và ưu tiên thiết bị di động, vì vậy sẽ rất hữu ích khi phân định. Với tính năng ưu tiên lập chỉ mục trên thiết bị di động, Google thu thập thông tin và lập chỉ mục phiên bản di động của các trang web của bạn. Việc làm cho trang web của bạn tương thích với màn hình di động sẽ tốt cho người dùng và hiệu suất của bạn trong tìm kiếm, nhưng ưu tiên lập chỉ mục trên thiết bị di động diễn ra độc lập với tính thân thiện với thiết bị di động.
Điều này đã làm dấy lên một số lo ngại đối với các trang web thiếu tính tương đồng giữa phiên bản dành cho thiết bị di động và máy tính để bàn, chẳng hạn như hiển thị nội dung, điều hướng, liên kết, v.v. khác nhau trên chế độ xem trên thiết bị di động của họ. Ví dụ: một trang web dành cho thiết bị di động có các liên kết khác nhau sẽ thay đổi cách thức mà Googlebot (di động) thu thập dữ liệu trang web của bạn và gửi vốn liên kết đến các trang khác của bạn.
Cải thiện tốc độ trang để giảm bớt sự thất vọng của khách truy cập
Google muốn cung cấp nội dung tải nhanh như chớp cho người tìm kiếm. Chúng tôi mong đợi kết quả tải nhanh và khi chúng tôi không nhận được chúng, chúng tôi sẽ nhanh chóng quay trở lại SERP để tìm kiếm một trang tốt hơn, nhanh hơn. Đây là lý do tại sao tốc độ trang là một khía cạnh quan trọng của SEO tại chỗ. Chúng tôi có thể cải thiện tốc độ trang web của mình bằng cách tận dụng các công cụ như những công cụ chúng tôi đã đề cập bên dưới. Nhấp vào các liên kết để tìm hiểu thêm về mỗi liên kết.
- Công cụ PageSpeed Insights của Google và tài liệu về các phương pháp hay nhất
- Làm thế nào để nghĩ về các công cụ tốc độ
- GTMetrix
- Trình kiểm tra tốc độ và hiệu suất trang web dành cho thiết bị di động của Google
- Ngọn hải đăng Google
- Hướng dẫn & Công cụ dành cho nhà phát triển Chrome
Hình ảnh là một trong những thủ phạm chính của trang chậm!
Như đã thảo luận trong Chương 4, hình ảnh là một trong những lý do số một khiến các trang web tải chậm! Ngoài việc nén hình ảnh, tối ưu hóa văn bản thay thế hình ảnh, chọn định dạng hình ảnh phù hợp và gửi sơ đồ trang web hình ảnh, có những cách kỹ thuật khác để tối ưu hóa tốc độ và cách hiển thị hình ảnh cho người dùng của bạn. Một số cách chính để cải thiện việc phân phối hình ảnh như sau:
Có nhiều hơn chỉ ba phiên bản kích thước hình ảnh!
1. SRCSET: Cách cung cấp kích thước hình ảnh tốt nhất cho từng thiết bị
Thuộc tính SRCSET cho phép bạn có nhiều phiên bản hình ảnh của mình và sau đó chỉ định phiên bản nào nên được sử dụng trong các trường hợp khác nhau. Đoạn mã này được thêm vào thẻ <img> (nơi đặt hình ảnh của bạn trong HTML) để cung cấp hình ảnh duy nhất cho các thiết bị có kích thước cụ thể.
Điều này giống như khái niệm về thiết kế đáp ứng mà chúng ta đã thảo luận trước đó, ngoại trừ hình ảnh!
Điều này không chỉ tăng tốc thời gian tải hình ảnh của bạn mà còn là một cách độc đáo để nâng cao trải nghiệm người dùng trên trang của bạn bằng cách cung cấp các hình ảnh khác nhau và tối ưu cho các loại thiết bị khác nhau.
2. Hiển thị khách truy cập đang tải hình ảnh với tải chậm
Quá trình tải chậm xảy ra khi bạn truy cập một trang web và thay vì nhìn thấy một khoảng trắng trống cho vị trí của hình ảnh, một phiên bản nhẹ mờ của hình ảnh hoặc một hộp màu ở vị trí của nó sẽ xuất hiện trong khi tải văn bản xung quanh. Sau một vài giây, hình ảnh sẽ tải rõ ràng ở độ phân giải đầy đủ. Nền tảng blog phổ biến Medium làm điều này thực sự tốt.
Phiên bản độ phân giải thấp được tải ban đầu, sau đó là phiên bản độ phân giải cao đầy đủ . Điều này cũng giúp tối ưu hóa đường dẫn hiển thị quan trọng của bạn! Vì vậy, trong khi tất cả các tài nguyên trang khác của bạn đang được tải xuống, bạn đang hiển thị hình ảnh mở đầu có độ phân giải thấp giúp cho người dùng biết rằng mọi thứ đang diễn ra / đang được tải. Để biết thêm thông tin về cách bạn nên tải hình ảnh của mình theo cách lười biếng, hãy xem Hướng dẫn tải hình ảnh theo cách lười biếng của Google .
Cải thiện tốc độ bằng cách cô đọng và nhóm các tệp của bạn
Kiểm tra tốc độ trang thường sẽ đưa ra các đề xuất như “giảm thiểu tài nguyên”, nhưng điều đó thực sự có nghĩa là gì? Minification làm cô đọng một tệp mã bằng cách loại bỏ những thứ như ngắt dòng và dấu cách, cũng như viết tắt tên biến mã nếu có thể.
“Nhóm” là một thuật ngữ phổ biến khác mà bạn sẽ nghe liên quan đến việc cải thiện tốc độ trang. Quá trình đóng gói kết hợp một loạt các tệp ngôn ngữ mã hóa giống nhau thành một tệp duy nhất. Ví dụ: một loạt các tệp JavaScript có thể được đưa vào một tệp lớn hơn để giảm số lượng tệp JavaScript cho một trình duyệt.
Bằng cách thu nhỏ và nhóm các tệp cần thiết để xây dựng trang web của bạn, bạn sẽ tăng tốc trang web của mình và giảm số lượng yêu cầu HTTP (tệp) của bạn.
Cải thiện trải nghiệm cho khán giả quốc tế
Các trang web nhắm mục tiêu đến khán giả từ nhiều quốc gia nên tự làm quen với các phương pháp hay nhất về SEO quốc tế để mang lại trải nghiệm phù hợp nhất. Nếu không có những tối ưu hóa này, khách truy cập quốc tế có thể gặp khó khăn khi tìm phiên bản trang web của bạn phục vụ cho họ.
Có hai cách chính để quốc tế hóa một trang web:
- Trang web ngôn ngữ
nhắm mục tiêu đến người nói nhiều ngôn ngữ được coi là trang web đa ngôn ngữ. Các trang web này nên thêm một thứ gọi là thẻ hreflang để cho Google thấy rằng trang của bạn có bản sao cho một ngôn ngữ khác. Tìm hiểu thêm về hreflang . - Trang web quốc gia
nhắm mục tiêu đến đối tượng ở nhiều quốc gia được gọi là trang web đa khu vực và họ nên chọn cấu trúc URL giúp dễ dàng nhắm mục tiêu tên miền hoặc các trang của họ đến các quốc gia cụ thể. Điều này có thể bao gồm việc sử dụng tên miền cấp cao nhất theo mã quốc gia (ccTLD) chẳng hạn như “.ca” cho Canada hoặc một tên miền cấp cao nhất chung (gTLD) với một thư mục con dành riêng cho quốc gia, chẳng hạn như “example.com/ca” cho Canada. Tìm hiểu thêm về URL theo ngôn ngữ cụ thể .
Phát triển sự nghiệp của bạn với Học viện Moz
Bạn đã nghiên cứu, bạn đã viết và bạn đã tối ưu hóa trang web của mình cho các công cụ tìm kiếm và trải nghiệm người dùng. Phần tiếp theo của câu đố SEO là một phần lớn: thiết lập quyền hạn để các trang của bạn sẽ xếp hạng cao trong kết quả tìm kiếm. Tiếp theo, đến Chương 6 (Cơ quan Xây dựng & Thiết lập Liên kết) !
Viết bởi Britney Muller và Moz Staff.
COMMENTS