Bài viết này được đồng tác giả bởi cây bút của wikiHow, Jack Lloyd. Jack Lloyd là Nhà văn và Biên tập viên Công nghệ cho wikiHow. Anh có hơn hai năm kinh nghiệm viết và biên tập các bài báo liên quan đến công nghệ. Anh ấy là một người đam mê công nghệ và là một giáo viên tiếng Anh
Nhóm Công nghệ của wikiHow cũng đã làm theo hướng dẫn của bài viết và xác minh rằng chúng hoạt động
Bài viết này đã được xem 893,943 lần
Tìm hiểu thêm
WikiHow này hướng dẫn bạn cách xem mã nguồn của một trang web, là mã đằng sau bất kỳ trang web nào [chẳng hạn như HTML, CSS và JavaScript], trên hầu hết các trình duyệt phổ biến. Ngoại trừ thủ thuật Safari, bạn không thể xem mã nguồn của trang web khi sử dụng trình duyệt di động
bước
Mở trình duyệt web của bạn. Quy trình xem mã nguồn trên Chrome, Firefox, Microsoft Edge, Internet Explorer giống nhau
Điều hướng đến một trang web. Nó phải là một trang có mã nguồn mà bạn muốn xem
Nhấp chuột phải vào trang. Nếu bạn đang sử dụng máy tính Mac với chuột một nút, bạn có thể giữ phím Control và bấm thay thế. Nếu bạn đang sử dụng máy tính xách tay có bàn di chuột, bạn có thể sử dụng hai ngón tay để nhấp vào trang thay thế. Điều này sẽ gọi một trình đơn thả xuống
- Không nhấp chuột phải vào liên kết hoặc ảnh khi thực hiện thao tác này, nếu không menu sai sẽ xuất hiện
Nhấp vào Xem nguồn trang hoặc Xem nguồn. Làm như vậy sẽ hiển thị mã nguồn của trình duyệt trong một cửa sổ mới hoặc ở dưới cùng của cửa sổ hiện tại
- Bạn sẽ thấy Xem nguồn trang cho Chrome và Firefox và Xem nguồn cho Microsoft Edge và Internet Explorer
- Bạn cũng có thể nhấn Ctrl+U [PC] hoặc ⌥ Option+⌘ Command+U [Mac] để hiển thị mã nguồn
Mở Safari. Đây là một ứng dụng có hình la bàn màu xanh lam
Nhấp vào Safari. Nó ở phía trên bên trái thanh menu của máy Mac. Làm như vậy sẽ gọi một trình đơn thả xuống
Nhấp vào Tùy chọn. Tùy chọn này nằm ở giữa trình đơn thả xuống
Nhấp vào tab Nâng cao. Nó nằm ở góc trên bên phải của cửa sổ Preferences
Chọn hộp "Hiển thị menu Phát triển trong thanh menu". Tùy chọn này ở gần cuối cửa sổ Preferences. Bạn sẽ thấy menu Phát triển xuất hiện trên thanh menu của máy Mac
Điều hướng đến một trang web. Nó phải là một trang có mã nguồn mà bạn muốn xem
Nhấp vào Phát triển. Trình đơn này nằm bên trái trình đơn Cửa sổ trong thanh trình đơn của máy Mac
Nhấp vào Hiển thị nguồn trang. Nó ở gần cuối trình đơn thả xuống. Nhấp vào tùy chọn này sẽ nhắc Safari hiển thị mã nguồn của trang web
- Bạn cũng có thể nhấn ⌥ Option+⌘ Command+U để hiển thị mã nguồn
Điều hướng đến trang bạn muốn xem mã nguồn wiki
Nhấp vào tab "Xem nguồn" hoặc "Chỉnh sửa"
Cuộn qua nguồn và chọn/sao chép mã bạn muốn sao chép trên trang web của mình
Thêm câu hỏi mới
Nguồn xem không tồn tại trên máy Mac của tôi, tôi tìm nó ở đâu?
Để có thể xem mã nguồn của trang web trong Safari, trước tiên bạn cần bật menu Nhà phát triển. Nhấp vào menu Safari> Tùy chọn> Nâng cao. Kiểm tra "Hiển thị menu Phát triển trong thanh menu" Đóng cửa sổ Tùy chọn Chuyển đến menu Phát triển > Hiển thị Nguồn Trang
Làm cách nào để xem mã nguồn của hình ảnh trên một trang mà không nhìn thấy mã của toàn bộ trang?
Nhấp chuột phải vào hình ảnh và chọn "Kiểm tra" từ các tùy chọn có sẵn
Làm cách nào để tạo mã nguồn HTML cho hình ảnh mà tôi có trên máy tính của mình?
Thêm vị trí hình ảnh trên máy tính của bạn vào mã nguồn. Đảm bảo tệp có sẵn và sau đó chạy
Bao gồm địa chỉ email của bạn để nhận được tin nhắn khi câu hỏi này được trả lời
NộpMặc dù bạn thường không thể xem mã nguồn trên trình duyệt dành cho thiết bị di động, nhưng bạn có thể lưu dấu trang Safari trên iPhone hoặc iPad để xem mã nguồn Safari dành cho thiết bị di động
Bên dưới tất cả những hình ảnh đẹp, kiểu chữ hoàn hảo và những lời kêu gọi hành động được đặt một cách tuyệt vời là mã nguồn trang web của bạn. Đây là mã trình duyệt của bạn biến thành trải nghiệm thú vị cho khách truy cập và khách hàng của bạn hàng ngày
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. Vì vậy, rất nhiều tối ưu hóa công cụ tìm kiếm [SEO] bắt nguồn từ những gì có trong mã nguồn của bạn
Đây là một 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ó được SEO-ed đúng cách và, thực sự, để dạy bạn cách kiểm tra các nỗ lực SEO của bạn. 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
Cuối cùng, nếu bạn đang trả tiền cho ai đó để quản lý SEO trên trang web của mình, chúng tôi sẽ tiếp tục theo dõi tiến trình của họ. Để bắt đầu, chỉ cần nhấp vào liên kết "Tiếp theo" bên dưới
Cách xem mã nguồn
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ữ nó. 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. "
- Internet Explorer – CTRL + U. Hoặc click chuột phải chọn "View Source. "
- 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 đó bấm vào "Công cụ" và chọn "Xem nguồn. "
- Opera – 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
- Safari – 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
- Chrome – Điều hướng đến "Xem" rồi 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] 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
thẻ tiêu đề
Thẻ tiêu đề.
Thẻ tiêu đề là thành phần tối quan trọng 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. Vì vậy, 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 tìm kiếm nhanh trên Google 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.
Và chúng ta 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ừ trong thẻ tiêu đề của bạn là những từ khóa quan trọng mà họ cho là có liên quan đến tìm kiếm của người dùng của họ
Vì vậy, 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 đề. Có một số tài nguyên trực tuyến nơi bạn có thể 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 tổng thể của bạn
Dưới đây là một số điều quan trọng cần nhớ về thẻ tiêu đề của bạn
- Đảm bảo rằng bạn chỉ có một thẻ tiêu đề cho mỗi trang web
- Đảm bảo mọi trang trên trang web của bạn đều có thẻ tiêu đề
- Đảm bảo mỗi thẻ tiêu đề trên trang web của bạn là duy nhất. Không bao giờ trùng lặp nội dung thẻ tiêu đề
Mô tả meta
Mô tả meta.
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
Vì vậy, hãy 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 lỗi 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
Tiêu đề H1.
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. Gần đây chúng tôi đã xuất bản một bài báo nói rằng bạn không nên cố gắng tối ưu hóa quá mức các tiêu đề H1 của mình. Và điều đó có nghĩa là đừng cố gắng tăng cường SEO của bạn bằng cách đặt từ khóa của bạn vào tiêu đề H1. Chỉ sử dụng nó đúng mục đích của nó -- 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
lượt theo dõi
Số lượt theo dõi.
Nếu bạn tham gia 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ị nofollow hay 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 hoặc trang web của bạn đượ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
Có thể hơi khó nhìn trong hình trên, nhưng rel='external nofollow' nằm trong liên kết neo. Vì vậy, 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 mình. 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ộ đế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 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
Thẻ thay thế hình ảnh.
Thẻ alt hình ảnh trống là lỗi SEO rất phổ biến. 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ây giờ, bạn không muốn sử dụng thẻ alt cho hình ảnh trang trí. Đó có thể được coi là một sự tối ưu hóa quá mức và là một hình 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
Xác minh rằng Analytics của bạn đã được cài đặt đúng cách.
Một lý do 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 hoặc một công cụ khác 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 trường hợp 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
Nếu bạn sử dụng KISSmetrics, hãy tìm "_km" để xác nhận rằng KISSmetrics đã được cài đặt trên trang web của bạn. Bạn cũng nên kiểm tra xem toàn bộ đoạn mã có hiện diện hay không. Có thể đoạn mã bị cắt ở đâu đó trong quá trình thực hiện [do không sao chép toàn bộ đoạn mã hoặc do những con gremlin ranh ma sống trong máy tính của nhà phát triển của bạn]
Tiếp theo, bạn sẽ phải 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 toàn cả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 bướ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
Những bài viết liên quan
Ngoài phân tích trang web. 5 loại dữ liệu trực tuyến bạn nên theo dõi
Cách tạo trang web 'Tối ưu hóa hoàn hảo' cho tìm kiếm [Infographic]
Cách sử dụng Tính năng biểu đồ hàng đầu mới của Google để cải thiện nội dung trang web của bạn
Lựa chọn của Biên tập viên Doanh nhân
Những thanh thiếu niên này đã tham gia 'Shark Tank' với một sản phẩm sẽ thay đổi cách bạn trang trí cây thông Noel của mình. Bây giờ, đó là một doanh nghiệp trị giá hàng triệu đô la
Tôi đã thiếu một kỹ năng quan trọng khiến tôi gần như phải trả giá bằng sự nghiệp và cuộc sống của mình
'Grey Rocking' là kỹ thuật bạn nên sử dụng để vượt qua các cuộc trò chuyện không mong muốn trong mùa lễ này
Ngừng chờ đợi một ý tưởng lớn. Thành công là tất cả về một điều này, nhà lãnh đạo sức khỏe và sức khỏe này nói
Làm cách nào để xem mã nguồn của tệp HTML?
Xem mã nguồn của trang web. Trên Firefox, bạn cũng có thể sử dụng phím tắt Command-U để xem mã nguồn của trang web . Trên Chrome, quá trình này rất giống nhau. Điều hướng đến mục menu trên cùng “Xem” và nhấp vào “Nhà phát triển/Xem nguồn. ” Bạn cũng có thể sử dụng phím tắt Option-Command-U.Làm cách nào bạn có thể xem mã HTML nguồn của trang Web trên Chrome?
Google Chrome .Nhấp vào biểu tượng trình đơn. trên thanh công cụ của trình duyệtChọn Công cụ khác, sau đó Xem nguồnChúng ta có thể xem mã nguồn của một trang Web ở đâu?
Internet Explorer – CTRL + U. Hoặc nhấp chuột phải và chọn "Xem nguồn. " Chrome – CTRL + U. Hoặc bạn có thể nhấp vào phím trông kỳ lạ có ba đường kẻ ngang ở góc trên bên phải .