Itu selalu berguna untuk mengetahui cara melihat kode sumber situs web Anda atau situs web apa pun. Ini adalah keterampilan yang terbukti sangat berguna saat mengerjakan SEO Anda, memecahkan masalah, atau hanya ingin tahu seperti apa kode sumber HTML sebuah situs web.
Dalam postingan ini, Anda akan mempelajari metode mudah tentang cara melihat kode situs web apa pun di platform apa pun. Mari kita mulai
Cara melihat kode sumber HTML situs web di Mac
Safari
Untuk melihat sumber situs web di Mac menggunakan Safari, navigasikan ke halaman yang Anda inginkan dan gunakan pintasan keyboard berikut. Opsi+Perintah+U
Sebagai alternatif, Anda dapat mengeklik kanan di mana saja pada halaman dan memilih "Tampilkan Sumber Halaman" dari menu tarik-turun
Google Chrome
Untuk melihat kode sumber situs web di Mac menggunakan Chrome, navigasikan ke halaman yang Anda inginkan dan gunakan pintasan keyboard. Opsi+Perintah+U
Anda juga dapat mengklik kanan pada halaman dan memilih "View Page Source" dari menu dropdown
Firefox
Saat menggunakan Firefox di Mac, pintasan keyboard untuk melihat kode sumber adalah. PERINTAH + U
Pintasan keyboard adalah kombinasi tombol yang perlu Anda tekan secara bersamaan untuk menjalankan perintah tertentu. Dalam hal ini, pintasan keyboard akan membantu Anda melihat sumber situs web tanpa harus melalui opsi menu
Cara melihat kode sumber di PC
Google Chrome
Saat menggunakan Google Chrome di PC, Anda dapat melihat kode sumber situs web dengan menggunakan pintasan keyboard. CTRL + U
Firefox
Saat menggunakan Firefox di PC, pintasan keyboard untuk melihat kode sumber adalah. CTRL + U
Opera
Saat menggunakan Opera di PC, pintasan keyboard untuk melihat kode sumber HTML suatu halaman adalah. CTRL + U
Microsoft Edge
Pintasan keyboard untuk melihat kode sumber halaman saat menggunakan browser Microsoft Edge di PC adalah. F12 dan CTRL+SHIFT+I
Bagaimana cara melihat kode HTML dari elemen halaman tertentu?
Alih-alih melihat kode HTML seluruh halaman, Anda dapat melihat kode elemen halaman tertentu menggunakan opsi INSPECT ELEMENT yang tersedia di semua browser populer seperti Google Chrome, Firefox, dan Safari
Prosesnya mudah. Buka halaman di jendela browser baru lalu sorot bagian halaman menggunakan mouse
Klik kanan lalu pilih PERIKSA dari menu dropdown
Ini akan membuka alat pengembang dan menampilkan kode HTML yang terkait dengan elemen atau bagian halaman tertentu
Berikut adalah demo cepat tentang cara melakukannya menggunakan Google Chrome
Bagaimana cara mengunduh seluruh kode sumber situs web?
Untuk mengunduh kode sumber HTML situs web, navigasikan menggunakan browser favorit Anda ke halaman, lalu pilih SIMPAN HALAMAN SEBAGAI dari menu FILE. Anda kemudian akan diminta untuk memilih apakah Anda ingin mengunduh seluruh halaman (termasuk gambar) atau hanya kode sumbernya
Opsi unduhan umum untuk semua browser
Halaman Web, Lengkap. Unduh kode sumber halaman dan semua gambar, file CSS, dan skrip js yang terkait dengan halaman tertentu. Semua file disimpan dalam folder. Ini berguna saat Anda perlu mengunduh gambar bersama dengan kode HTML
Halaman Web, File Tunggal. Mengunduh halaman dalam MHTML (singkatan dari MIME HTML). Ini adalah bentuk HTML yang menyertakan kode situs web dan sumber daya eksternal apa pun
Halaman Web, Hanya HTML. Mengunduh HTML dan elemen lainnya (seperti Kode Java Script tersemat) yang ditemukan di badan halaman
Mengapa penting untuk mengetahui cara melihat kode sumber situs web?
Ada banyak kasus penggunaan di mana Anda mungkin ingin memeriksa kode sumber situs web, yang paling umum adalah
Check for the occurrence of H1 tags – Best SEO practices indicate a page should have only one H1 tag. To check if this is the case with your website, you can navigate to one of your posts, and using any of the methods described above, you can view the HTML source code of the page. You can then search for
and see if there is more than one H1 tag on the page.
Periksa apakah tautan nofollow – Salah satu cara untuk mengetahui apakah tautan memiliki tag nofollow yang ditambahkan (yang membuatnya kurang penting untuk peringkat SEO) adalah dengan melihat kode HTML suatu halaman dan memeriksa kemunculan kata 'nofollow . Anda dapat melakukan ini untuk memeriksa tautan di situs web Anda atau situs web lain mana pun
Optimalkan kecepatan situs web Anda – Alasan bagus untuk menganalisis kode sumber situs web Anda adalah saat mengoptimalkan kecepatan halaman Anda. Sebagai titik awal, Anda dapat melihat HTML halaman dan mencoba mengidentifikasi elemen (termasuk file JS dan CSS) yang dapat dihapus untuk memperkecil ukuran halaman dan mengunduh lebih cepat. Kemudian dengan bantuan alat lain (seperti Wawasan PageSpeed Google), Anda dapat terus mengoptimalkan kode Anda lebih jauh
Pembelajaran Kunci
Sangat mudah untuk melihat atau menyimpan kode sumber halaman web. Prosesnya sama untuk semua browser. Langkah pertama adalah menavigasi ke halaman yang Anda inginkan dan kemudian Anda dapat melihat HTML menggunakan pintasan keyboard
Secara opsional, Anda dapat mengunduh kode dalam file teks. Untuk melihat kode HTML dari elemen halaman tertentu, gunakan fungsi INSPECT yang merupakan bagian dari alat pengembang