Panduan untuk Menambahkan Meta Tag ke Situs Web

Diterbitkan: 2021-03-21

Jika Anda memiliki situs web, Anda mungkin mencari berbagai cara untuk membantu Anda meningkatkan upaya SEO Anda. Menjadi bagian penting dari pengoptimalan, Anda perlu memahami bagaimana menambahkan tag meta ke situs web dapat membantu Anda . Selain tag meta dasar dan paling penting, yang diperlukan untuk menentukan aspek-aspek tertentu dari situs web Anda, ada beberapa yang dapat membantu pemasaran digital Anda. Beberapa di antaranya dapat memengaruhi peringkat Anda sebagian, sekaligus memberikan pengalaman pengguna yang lebih baik.

Apa itu tag meta dan bagaimana cara menambahkannya ke situs web

Tidak ada yang bisa memastikan dengan pasti seberapa besar meta tag mempengaruhi SEO, selain fakta bahwa mereka penting. Namun, setiap pakar SEO yang serius akan setuju bahwa menambahkan tag meta yang tepat diperlukan, dan membantu pengoptimalan SEO . Kekuatan mereka terletak pada kemampuan untuk membantu mesin pencari mengidentifikasi, mengklasifikasikan, dan mengukur halaman Anda. Sementara pada saat yang sama, beberapa di antaranya memberikan informasi penting kepada calon pengunjung. Secara keseluruhan, ini membantu Anda mencapai posisi peringkat yang lebih tinggi dan meningkatkan lalu lintas situs web Anda.

Bagi sebagian besar, tag meta adalah bagian penting dari pengoptimalan. Untuk lebih memahami mengapa mereka merupakan langkah yang tidak dapat dilewati dalam setiap proses SEO, mari kita bahas sedikit.

Apa itu tag meta?

Saat Anda melihat halaman situs web, Anda hampir tidak dapat melihat tag meta apa pun. Itu sebabnya karena mereka bersarang di bagian kepala dokumen HTML di dalam kode . Tapi, apa yang disebut "metadata" (data tentang data) ini dapat dilihat oleh perayap dan mesin telusur. Misalnya, Google menggunakan tag meta untuk lebih memahami halaman Anda. Jika semuanya benar, mereka akan mengukur dan memberi peringkat halaman Anda sesuai dengan itu. Selain itu, mereka dapat menampilkan tag meta seperti deskripsi meta di halaman hasil mereka, untuk pengalaman pengguna yang lebih baik.

Mengapa tag meta penting?

Meta tag terutama memberikan satu set rincian tentang situs web Anda ke mesin pencari . Tidak hanya tentang website secara keseluruhan, tetapi untuk setiap halaman konten yang mereka miliki. Yang menjadikannya bagian penting dari pengoptimalan di halaman. Kedua, sebagian dari informasi itu terlihat oleh pengguna di halaman hasil mesin pencari. Secara keseluruhan, tag meta adalah semacam jumlah informasi paling penting tentang halaman Anda.

Mesin pencari menggunakan informasi ini untuk membuat nilai kontekstual dari konten Anda. Dan begitu pengguna mencari istilah tertentu, mesin pencari menggunakan semua informasi yang tersedia tentang subjek tertentu, dan mengurutkan serta menampilkan hasilnya. Sementara itu, memungkinkan pengunjung untuk mengasumsikan informasi yang akan mereka dapatkan dari hasil sebelum mereka mengkliknya. Peran tag meta, dalam kasus ini, adalah untuk membuat seluruh proses lebih mudah, lebih relevan, dan untuk memberikan pengalaman pengguna yang lebih baik.

Jenis tag meta

Ada banyak jenis meta tag yang berbeda. Tidak semuanya penting dan perlu. Meskipun daftar meta tag sangat banyak, tidak semuanya berharga untuk SEO. Untuk meringkas informasi, kita akan berbicara tentang beberapa tag meta dasar :

  1. Judul meta
  2. Deskripsi meta
  3. Area pandang
  4. Teks alternatif gambar

Sebelum kita melakukannya, ada baiknya mengetahui cara menambahkan tag meta. Ada dua cara umum untuk menambahkan tag meta ke situs web:

  • Menambahkan tag meta secara manual dalam kode
  • Menggunakan plugin untuk menambahkan tag meta ke situs WordPress Anda

Jika Anda memiliki pilihan, menggunakan plugin seperti Yoast SEO biasanya akan menjadi pilihan yang lebih mudah.

1. Judul meta

Judul meta juga dikenal sebagai judul, tag judul, judul halaman, judul SEO. Selain jelas, ini adalah judul halaman yang ditampilkan mesin pencari di halaman hasil mereka .

  • Anda dapat menambahkannya secara manual ke bagian <head> kode HTML Anda dengan memasukkan:

<title>This is the title of the page on your website</title>

  • Versi PHP di WordPress akan terlihat seperti ini:

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

Atau, Anda cukup mengetikkannya di kolom judul SEO jika menggunakan plugin seperti Yoast SEO.

Bidang judul SEO dengan pratinjau judul untuk perangkat desktop di plugin Yoast.
Yang perlu Anda lakukan adalah menambahkan judul dan nama situs web Anda di bidang judul SEO.

Jangan lupa bahwa untuk tujuan SEO, praktik yang baik adalah menerapkan kata kunci ekor panjang Anda di judul Anda.

2. Deskripsi meta

Lebih informatif daripada judul meta, deskripsi Meta memberikan konteks judul Anda . Di SERPs, pengunjung dapat melihat ringkasan singkat dan ringkas dari informasi yang akan mereka temukan jika mereka mengklik hasil tertentu. Itu tidak memiliki pengaruh langsung pada peringkat, tetapi memberikan pengalaman pengguna yang baik.

Pertama, Anda dapat menambahkan potongan kode ke bagian <head> halaman Anda:

<meta name="description" content="Place the meta description text here.">

Atau, Anda dapat menulisnya dengan mudah dengan Yoast:

"SEBUAH

Sekali lagi, Anda dapat, dan harus, memasukkan kata kunci yang tepat dalam deskripsi meta untuk tujuan SEO Anda.

3. Area pandang

Area pandang pada dasarnya adalah bagian halaman yang terlihat. Dengan cara yang sama, tag Meta viewport mengirimkan instruksi ke perangkat yang berbeda tentang cara menampilkan halaman Anda . Untuk lebih tepatnya, ini menginstruksikan browser bagaimana berperilaku dengan rendering halaman tertentu. Ini adalah tag yang sangat penting mengingat saat ini orang mengakses situs web dengan perangkat yang berbeda. Apalagi dengan handphone. Karena Google bertujuan untuk memberikan pengalaman pengguna yang luar biasa, halaman yang ramah seluler akan mendapat peringkat lebih tinggi.

Anda dapat menambahkan tag meta viewport hanya dengan mengetikkan kode di bagian <head>:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Nilai lebar perangkat dan penskalaan umumnya diterima saat ini untuk sebagian besar halaman web.

4. Gambar teks alternatif

Tag meta lain dengan nilai besar untuk SEO modern adalah Teks alt gambar. Sederhananya, jika gambar gagal dimuat di halaman, teks alt digunakan untuk mendeskripsikan konten gambar . Jika tidak, pengguna akan mendapatkan ruang atau wadah kosong tanpa konten. Yang, akibatnya, buruk untuk SEO dan menawarkan pengalaman pengguna yang buruk.

Dalam kode, tag alt gambar terlihat seperti ini:

<img src=“imagename.jpg” alt=“image description” title=“image tooltip”>

Versi implementasi teks alternatif yang lebih mudah di WordPress dapat dilakukan di dalam properti gambar.

Halaman detail gambar di WordPress dengan berbagai opsi untuk disesuaikan.
Jangan lupa teks alt Anda saat mengoptimalkan gambar.

Untuk pengoptimalan gambar yang lebih baik, selalu pastikan gambar Anda memiliki tag alt. Dan pastikan setidaknya satu gambar pada halaman memiliki kata kunci yang diterapkan secara alami. Selain UX, ini membantu SEO dengan memberikan informasi kepada mesin pencari tentang konteksnya. Dan juga meningkatkan aksesibilitas halaman Anda dengan memberikan alternatif gambar untuk pembaca layar.

Anda dapat menggunakan panduan ini untuk menambahkan tag meta ke situs web untuk mempelajari beberapa tag meta yang paling penting. Tapi, ada banyak meta tag lain di luar sana. Beberapa mungkin penting sementara yang lain mungkin benar-benar usang. Mempelajari semuanya melampaui artikel ini, dan membutuhkan banyak waktu. Namun, jika Anda punya waktu dan sarana, itu mungkin bermanfaat. Mempelajari cara menambahkan tag meta ke postingan dan halaman Anda dapat meningkatkan pengalaman pengguna, dan membantu mesin telusur mengklasifikasikan situs web Anda dengan lebih baik. Jangan lupa bahwa pertama, Anda harus memiliki konten berkualitas sebelum Anda memiliki sesuatu untuk dioptimalkan. Dan umumnya, fokuslah untuk membangun situs web Anda selangkah demi selangkah.