Tại sao mã html của tôi hiển thị dưới dạng văn bản trong chrome?

Google và các công cụ tìm kiếm khác “đọc” mã này để xác định vị trí trang web của bạn sẽ xuất hiện trong chỉ mục của chúng cho một truy vấn tìm kiếm nhất định

Đây là hướng dẫn nhanh để chỉ cho bạn cách đọc mã nguồn trang web của riêng bạn để đảm bảo rằng nó thân thiện với SEO. Tôi cũng sẽ điểm qua một số tình huống khác khi biết cách xem và kiểm tra đúng phần mã nguồn có thể giúp ích cho các nỗ lực tiếp thị khác

Cách xem mã nguồn

Bước đầu tiên để kiểm tra mã nguồn trang web của bạn là xem mã thực tế. Mọi trình duyệt web đều cho phép bạn thực hiện việc này một cách dễ dàng. Dưới đây là các lệnh bàn phím để xem mã nguồn trang web của bạn cho cả PC và Mac

máy tính

  • firefox. CTRL + U [Có nghĩa là nhấn phím CTRL trên bàn phím của bạn và giữ phím đó. Trong khi giữ phím CTRL, nhấn phím “u”. ] Ngoài ra, bạn có thể vào menu “Firefox” rồi nhấp vào “Nhà phát triển web” rồi nhấp vào “Nguồn trang. ”
  • Cạnh/Internet Explorer. CTRL + U. Hoặc click chuột phải chọn “View Source. ”
  • Trình duyệt Chrome. CTRL + U. Hoặc bạn có thể nhấp vào phím trông kỳ lạ với ba đường kẻ ngang ở góc trên bên phải. Sau đó nhấp vào “Công cụ” và chọn “Xem nguồn. ”
  • Ô-pê-ra. CTRL + U. Bạn cũng có thể nhấp chuột phải vào trang web và chọn “Xem nguồn trang. ”

Mac

  • Cuộc đi săn. Phím tắt là Option+Command+U. Bạn cũng có thể nhấp chuột phải vào trang web và chọn “Hiển thị nguồn trang. ”
  • firefox. Bạn có thể nhấp chuột phải và chọn “Nguồn trang” hoặc bạn có thể điều hướng đến menu “Công cụ”, chọn “Nhà phát triển web” và nhấp vào “Nguồn trang. ” Phím tắt là Command + U
  • Trình duyệt Chrome. Điều hướng đến “Chế độ xem”, nhấp vào “Nhà phát triển” và sau đó “Xem nguồn. ” Bạn cũng có thể nhấp chuột phải và chọn “Xem nguồn trang. ” Phím tắt là Option+Command+U

Khi bạn biết cách xem mã nguồn, bạn cần biết cách tìm kiếm những thứ trong đó. Thông thường, các chức năng tìm kiếm giống như bạn sử dụng để duyệt web thông thường sẽ áp dụng cho tìm kiếm trong mã nguồn của bạn. Các lệnh như CTRL + F [đối với Tìm kiếm] sẽ giúp bạn nhanh chóng quét mã nguồn của mình để tìm các yếu tố SEO quan trọng

Mã nguồn Thẻ tiêu đề

Thẻ tiêu đề là chén thánh của SEO trên trang. Đó là điều quan trọng nhất trong mã nguồn của bạn. Nếu bạn định rút ra một điều gì đó từ bài viết này, hãy chú ý đến điều này

Bạn biết những kết quả mà Google cung cấp khi bạn đang tìm kiếm thứ gì đó không?

Tất cả những kết quả đó đến từ các thẻ tiêu đề của các trang web mà chúng đang trỏ đến. Nếu bạn không có thẻ tiêu đề trong mã nguồn của mình, thì bạn không thể xuất hiện trên Google [hoặc trong bất kỳ công cụ tìm kiếm nào khác]. Dù bạn có tin hay không, tôi đã thực sự nhìn thấy các trang web không có thẻ tiêu đề

Bây giờ, hãy thực hiện tìm kiếm nhanh trên Google cho cụm từ “Hướng dẫn tiếp thị”

Bạn có thể thấy rằng kết quả đầu tiên là dành cho phần blog KISSmetrics trên hướng dẫn tiếp thị. Nếu chúng tôi nhấp vào kết quả đầu tiên đó và xem mã nguồn của trang, chúng tôi có thể thấy thẻ tiêu đề

The title tag is designated by the opening tag: . It ends with the closing tag: . The title tag is usually near the top of your source code in the section.

Bạn có thể thấy rằng nội dung bên trong thẻ tiêu đề khớp với nội dung được sử dụng trong tiêu đề của kết quả đầu tiên trên Google đó

Không chỉ các thẻ tiêu đề được yêu cầu để được đưa vào kết quả tìm kiếm của Google, mà Google còn xác định các từ khóa quan trọng trong tiêu đề của bạn mà họ cho là có liên quan đến tìm kiếm của người dùng

Nếu bạn muốn một trang web nhất định xếp hạng cho một chủ đề cụ thể, tốt hơn bạn nên đảm bảo rằng các từ mô tả chủ đề đó nằm trong thẻ tiêu đề. Để tìm hiểu thêm về tầm quan trọng của từ khóa và thẻ tiêu đề trong kiến ​​trúc trang web tổng thể của bạn, hãy xem bài đăng này

Có một điều cuối cùng cần nhớ. mỗi trang trên trang web của bạn nên có một thẻ tiêu đề duy nhất. Không bao giờ sao chép nội dung này

Nếu bạn có một trang web nhỏ, chẳng hạn như 10 hoặc 20 trang, bạn có thể dễ dàng xem xét từng thẻ tiêu đề để tìm tính duy nhất. Tuy nhiên, nếu bạn có một trang web lớn hơn, bạn sẽ cần một số trợ giúp. Đây là một quá trình bốn bước đơn giản

Bước 1. Mở Ubersuggest, nhập URL của bạn và nhấp vào Tìm kiếm

Bước 2. Nhấp vào “Kiểm tra trang web” ở Thanh bên trái

Bước 3. Xem xét các vấn đề SEO hàng đầu

Sau khi đến phần tổng quan kiểm tra trang web, hãy cuộn xuống phần kết quả thứ tư [đây là phần cuối cùng trên trang] để xem lại Các vấn đề SEO hàng đầu

Đây là nơi bạn sẽ tìm thấy nếu bạn có thẻ tiêu đề hoặc mô tả meta trùng lặp. Nếu không có gì hiển thị ở đây, bạn rõ ràng. Nếu bạn thấy trùng lặp, chẳng hạn như 30 trang cho trang web của tôi, hãy tìm hiểu sâu hơn

Step #4: Click on “Pages with Duplicate Tags”

Bạn có thể tìm thấy một vấn đề lớn, chẳng hạn như một số bài đăng trên blog của bạn có cùng thẻ tiêu đề. Bạn cũng có thể thấy rằng nó không có gì to tát, chẳng hạn như 26 trang trong báo cáo của tôi với tiêu đề “Blog Blog tiếp thị kỹ thuật số của Neil Patel. ”

Khi nhấp vào lời nhắc 26 trang, bạn sẽ thấy

Mặc dù tiêu đề giống nhau trên 26 trang, nhưng không gì khác hơn là các trang blog của tôi chứa nội dung. Đó không phải là các bài đăng trên blog thực tế hoặc các trang chính trên trang web của tôi

Mô tả meta trong mã nguồn

Một phần quan trọng khác trong phần đầu trang web của bạn là thẻ mô tả meta. Đoạn mã 160 ký tự này là bản sao quảng cáo miễn phí được hiển thị bên dưới nội dung tiêu đề của bạn trong công cụ tìm kiếm

Tôi đã thấy hàng trăm trang web hoàn toàn bỏ qua thẻ này. Nó rất dễ tìm thấy trong mã nguồn của bạn

Kiểm tra để đảm bảo rằng nó có trên tất cả các trang web của bạn. Quan trọng hơn, hãy kiểm tra để đảm bảo rằng bạn không sao chép nó trên nhiều trang. Sao chép thẻ mô tả meta không phải là một hình phạt của công cụ tìm kiếm, nhưng đó là một sai lầm tiếp thị rất lớn

Rất nhiều người chú ý đến mô tả meta, nhưng bạn thực sự nên suy nghĩ kỹ về nó vì nó được người dùng công cụ tìm kiếm đọc. Hãy suy nghĩ về nội dung nào sẽ giúp thu hút nhiều khách truy cập hơn và tăng số lần nhấp

Tiêu đề H1 trong mã nguồn

Các tiêu đề H1 mang một chút trọng lượng SEO trên trang, vì vậy, bạn nên kiểm tra các trang của mình để đảm bảo rằng bạn đang sử dụng chúng đúng cách. Đối với mỗi trang trên trang web của bạn, hãy xem qua mã nguồn để xem bạn có phát hiện ra thẻ này không

Bạn không muốn có nhiều hơn một bộ thẻ H1 xuất hiện trên bất kỳ trang web cụ thể nào. Nói cách khác, đừng cố gắng tăng cường SEO của bạn bằng cách bao gồm nhiều H1. Nếu bạn tối ưu hóa quá mức trang web của mình, nó sẽ gây hại cho bạn về lâu dài

Sử dụng H1 của bạn cho mục đích của chúng. tiêu đề lớn nhất trên trang. Trên trang chủ của bạn, đây có thể là đề xuất giá trị của bạn

Nofollow trong mã nguồn

Nếu bạn tham gia vào việc xây dựng liên kết, thì việc kiểm tra các liên kết ngược của bạn để xem liệu chúng có bị theo dõi không là điều bắt buộc

Nhưng trước khi đi xa hơn, tôi phải nói một chút về “link juice” là gì

Trong thế giới của SEO, có được một trang web khác để liên kết đến trang web của bạn là một thành tích tuyệt vời. Liên kết đó được các công cụ tìm kiếm xem như một sự chứng thực. Công cụ tìm kiếm tính đến số lượng liên kết trỏ đến trang web của bạn khi họ xếp hạng trang web của bạn trong công cụ của họ. “Link Juice” là một thuật ngữ phi khoa học cho cái gọi là sức mạnh mà liên kết cung cấp cho trang web của bạn hoặc trang web được đề cập

Nofollows là một thuộc tính có thể được mã hóa thành một liên kết để ngăn nước liên kết chảy đến một trang web. Đây là một điều rất phổ biến mà bạn sẽ thấy trong các liên kết có trong phần bình luận của blog

Để tìm hiểu xem các liên kết ngược của bạn có đi qua liên kết nước trái cây hay không, bạn nên kiểm tra xem các liên kết đó có thuộc tính nofollow bên trong chúng không. Nếu đúng như vậy, thì liên kết mà bạn đã nỗ lực rất nhiều để có được sẽ không giúp ích gì nhiều cho bạn vì thuộc tính nofollow về cơ bản yêu cầu Google bỏ qua trang web của bạn

Trong hình trên, rel=’external nofollow’ nằm trong anchor link. Mặc dù một người có thể nhấp vào liên kết, nhưng không có liên kết nào được chuyển

Một số người nghĩ rằng Google thực sự đếm một số liên kết từ các nofollow, nhưng để thận trọng trong việc đếm ngược của bạn, bạn nên cho rằng không có gì được thông qua

Ngoài ra, bạn có thể muốn "điêu khắc trang" một số trang web của riêng bạn. Một số SEO tin rằng nên giới hạn những trang mà bạn gửi liên kết nội bộ của mình đến để các trang web quan trọng hơn nhận được phần lớn liên kết tổng thể của trang web. Bạn có thể làm điều này bằng cách không theo dõi một số liên kết trang web nội bộ của bạn. Ví dụ: bạn có thể muốn bỏ theo dõi tất cả các liên kết đến chính sách quyền riêng tư của mình hoặc các trang nhàm chán/không thú vị khác

Google sẽ bảo bạn bỏ qua thực hành này và tôi phần nào đồng ý. Đó là một nhiệm vụ tẻ nhạt, không cần thiết và thay vào đó, năng lượng của bạn nên dành cho việc tạo ra nội dung tuyệt vời hơn

Thẻ thay thế hình ảnh trong mã nguồn

Thẻ alt hình ảnh trống là điều rất phổ biến trong SEO. Thẻ alt hình ảnh mô tả hình ảnh của bạn là gì đối với các công cụ tìm kiếm rô bốt

Nếu bạn điều hành một trang web thương mại điện tử, bạn chắc chắn muốn đảm bảo rằng các thẻ alt của mình được điền đầy đủ. Một ý tưởng hay là đảm bảo rằng tên thương hiệu và số sê-ri của sản phẩm nằm trong phần mô tả thẻ alt

Trên đây là ảnh chụp màn hình của thẻ hình ảnh với thẻ alt được chôn bên trong nó

Bạn không nên sử dụng thẻ alt cho hình ảnh trang trí. Điều đó có thể được coi là tối ưu hóa quá mức và có thể khiến bạn bị phạt. Chỉ cần đảm bảo rằng bạn đã điền các thẻ alt của mình cho

  • Hình ảnh hàng hóa
  • sơ đồ
  • đồ họa thông tin
  • Biểu trưng trang web của bạn
  • Ảnh chụp màn hình
  • Hình ảnh các thành viên trong nhóm

Xác minh rằng Analytics của bạn được cài đặt đúng cách

Một lý do tuyệt vời cuối cùng để kiểm tra mã nguồn của bạn là để đảm bảo rằng bạn đã cài đặt Google Analytics trên mọi trang trong trang web của mình

Kiểm tra rất đơn giản. Đối với Google Analytics, chỉ cần xem mã nguồn của các trang web của bạn và tìm kiếm các chữ cái “UA. ”

Nếu bạn tìm thấy một ví dụ trong đó “UA” được theo sau bởi một số có 7 chữ số, thì bạn đã xác nhận rằng Google Analytics đã được cài đặt trên một trang đó

Ngoài ra, hãy theo dõi số lần “UA” xuất hiện trên trang web của bạn. Đôi khi, mã theo dõi phân tích của bạn sẽ vô tình được chèn nhiều lần, điều này là không cần thiết. Nếu đúng như vậy, bạn nên yêu cầu nhà phát triển của mình xóa các phiên bản bổ sung

Tiếp theo, bạn cần kiểm tra các trang còn lại trên trang web của mình để xem mã phân tích của bạn đã được chèn vào mọi trang chưa. Nếu bạn không có mã theo dõi phân tích trên mọi trang trong trang web của mình, thì bạn sẽ không có được bức tranh hoàn chỉnh về những gì đang xảy ra trên trang web của mình, điều này khiến cho phân tích trở nên vô dụng

Đây có thể là một nhiệm vụ khó khăn nếu bạn có một trang web khổng lồ. Thậm chí không thể kiểm tra thủ công

Tôi thích sử dụng sơ đồ trang web xml. com để nhận tệp văn bản chứa tất cả các URL mà trang web của tôi có trong đó. Điều này cung cấp cho tôi một danh sách kiểm tra khoảng không quảng cáo giúp theo dõi những URL nào có thể cần chú ý thêm [chẳng hạn như cài đặt phân tích trên chúng]

Đây cũng là một công cụ tuyệt vời để được cảnh báo về các vấn đề trùng lặp nội dung và những điều kỳ lạ khác có thể ẩn giấu trên máy chủ web

Ngay cả xml-sơ đồ trang web. com sẽ chỉ cung cấp cho bạn 500 kết quả miễn phí. Bạn có thể cần yêu cầu nhà phát triển của mình cung cấp cho bạn kho lưu trữ URL để bạn có bản đồ hoàn chỉnh về trang web đồ sộ của mình

Ngoài ra, bạn có thể muốn họ tạo một tập lệnh hoặc chương trình để thực hiện các kiểm tra này cho bạn để bạn không phải thực hiện chúng theo cách thủ công

Sự kết luận

Biết cách đọc mã nguồn cơ bản là điều quan trọng đối với bất kỳ ai xây dựng trang web. Nó giúp bạn tạo các trang web và trang web thân thiện với SEO, cũng như xác định các sự cố SEO đã tồn tại từ trước gây hại cho vị trí trang web của bạn trong SERPs

Tại sao mã HTML của tôi hiển thị dưới dạng văn bản trong trình duyệt?

Có thể nội dung không phải là loại html . Tôi đã mắc lỗi tương tự và thắc mắc tại sao nó lại hiển thị dưới dạng văn bản. Kiểm tra nội dung của tệp, rất có thể nó không phải là HTML hoặc một số thẻ html phải bị thiếu. Đảm bảo rằng loại Tài liệu được đề cập rõ ràng là loại HTML ở đầu tài liệu.

Tại sao HTML của tôi không hiển thị?

Lý do có thể. Có thể bạn chưa lưu các thay đổi sau khi viết mã [rất có thể]. Sự cố với trình duyệt [tải trong trình duyệt khác] Kiểm tra tiện ích mở rộng [chỉ để làm rõ]

Khi tôi mở tệp HTML của mình trong Google Chrome?

Cách mở tệp HTML trong Chrome .
Tìm tệp HTML bạn muốn xem, nhấp chuột phải vào tệp đó và chọn Mở bằng từ menu. Bạn sẽ thấy danh sách đầy đủ các ứng dụng mà bạn có thể sử dụng để chạy tệp của mình. Trình duyệt mặc định của bạn sẽ ở đầu danh sách
Chọn Google Chrome từ danh sách và xem tệp của bạn trong trình duyệt

Chủ Đề