Memasang SEO Meta Tag bagi Pemula

Meta Tag adalah kode HTML yang dapat memberitahukan Search Engine tentang informasi penting pada suatu halaman Web serta dapat memberitahukan Web Browser tentang bagaimana cara menampilkannya kepada pengunjung.

Setiap halaman Web pasti memiliki Meta Tag yang hanya terlihat di dalam kode HTML.

Dalam panduan ini, kita akan belajar cara menggunakan beberapa Meta Tag yang berdampak penting bagi SEO.


Meta Title

Meta Tag Title adalah judul halaman yang akan ditampilkan pada Google dan Search Engine lainnya pada hasil pencarian (SERP).

Title Tag pada hasil pencarian Google.

Mengapa Meta Tag Title Penting bagi SEO?

Berikut adalah penjelasan dari Google:

Judul artikel sangat penting karena dapat memberikan wawasan yang cepat dan relevan dengan Query yang dicari oleh pengguna. Terkadang, informasi utama sering digunakan untuk menentukan hasil mana yang akan di klik. Jadi, sangat penting untuk menggunakan judul yang berkualitas tinggi pada halaman Web.

Tips Membuat Meta Tag Title

  1. Buatlah Title Tag yang unik untuk setiap halaman;
  2. Biatlah Title Tag yang singkat tetapi tetap deskriptif/jelas;
  3. Hindari Title Tag yang Generic dan tidak jelas;
  4. Gunakanlah kalimat Title Tag yang tepat;
  5. Buatlah Title Tag yang layak untuk di klik dan bukan Clickbait;
  6. Sesuaikan dengan maksud pencarian;
  7. Sertakan Keyword target di tempat yang menurut kita tepat;
  8. Gunakanlah Title Tag yang tidak melebihi 60 karakter.

Cara Menambahkan Meta Tag Title pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

<title>Ini adalah judul halaman.</title>


Jika kalian menggunakan Blogger, kalian dapat menggunakan Meta Tag Title berikut:

<b:if cond="data:view.isSingleItem">
    <title><data:blog.pageName/></title>

    <b:elseif cond="data:view.isHomepage"/>
    <title><data:blog.title/></title>

    <b:elseif cond="data:view.search.label"/>
    <title><data:blog.pageTitle/></title>

    <b:elseif cond="data:view.search.query"/>
    <title><data:view.search.resultsMessage/></title>

    <b:elseif cond="data:view.search and !data:view.search.label and !data:view.search.query"/>
    <title><data:blog.pageTitle/></title>

    <b:elseif cond="data:view.isArchive"/>
    <title><data:view.archive.rangeMessage/></title>

    <b:elseif cond="data:view.isError"/>
    <title>404 Tidak Ditemukan</title>
</b:if>


Kesalahan Meta Tag Title yang Sering Terjadi

Terdapat empat masalah yang sering terjadi dengan Meta Title:
  • Terlalu panjang/pendek.
  • Tidak memiliki Title Tag.
  • Title Tag yang Ganda atau Double.
  • Title Tag yang sama.

Meta Description

Meta Tag Description merupakan ringkasan dari konten yang ada di suatu halaman Web. Search Engine sering menggunakannya untuk menampilkan Snippet di dalam hasil pencarian (SERP).

Meta Description pada hasil pencarian Google.

Mengapa Meta Description Penting bagi SEO?

Berikut adalah penjelasan dari Google:

Meta Description umumnya harus dapat memberikan informasi yang dapat menarik minat pengguna dengan ringkasan yang singkat dan relevan pada halaman Web.

Bagaimanapun juga, Meta Tag Description bukanlah salah satu faktor penting yang dapat meningkatkan Ranking (Peringkat) halaman Website. Berikut penjelasan dari Google:

Biasanya, kami menggunakan Meta Description untuk Snippet yang ingin ditampilkan, sampai saat ini, kami tidak menggunakan Meta Description yang berfungsi untuk meningkatkan peringkat.

Tips Membuat Meta Description

  1. Tulislah deskripsi atau penjelasan yang unik pada setiap halaman;
  2. Rangkumlah konten secara akurat;
  3. Hindari deksripsi yang Generic;
  4. Buatlah Meta Description yang dapat layak untuk di klik - bukan Clickbait;
  5. Cocokkan dengan Keyword yang sering dicari;
  6. Masukkan Keyword Target di lokasi yang tepat;
  7. Usahakan tidak lebih dari 160 karakter.

Cara Menambahkan Meta Description pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

<meta name="description" content="Letakkan Meta Description disini.">


Jika kalian menggunakan Blogger, kalian dapat menggunakan Meta Tag Description berikut:

<b:if cond="data:view.isMultipleItems">
    <meta expr:content="data:blog.metaDescription" name="description"/>

    <b:elseif cond="data:view.isSingleItem"/>
    <b:if cond="data:blog.metaDescription">
        <meta expr:content="data:blog.metaDescription" name="description"/>

        <b:else/>
        <meta expr:content="data:blog.pageName" name="description"/>
    </b:if>
</b:if>


Kesalahan Meta Description yang Sering Terjadi

Terdapat empat masalah yang sering terjadi dengan Meta Tag Description:
  • Meta Description Terlalu panjang/pendek.
  • Tidak memiliki Meta Description.
  • Meta Description yang Ganda atau Double.
  • Meta Description yang sama.

Meta Robots

Meta Tag Robots berfungsi untuk memberitahukan Search Engine jika dan bagaimana dia dapat melakukan Crawling pada halaman Web. Berikut adalah contoh dari Meta Robots:

<meta name="robots" content="index, follow">


Mengapa Meta Robots Penting bagi SEO?

Menggunakan atribut yang salah pada Meta Tag Robots dapat berdampak buruk pada keberadaan halaman Web pada hasil pencarian (SERP). Segala teknik SEO yang kita lakukan bergantung pada Meta Tag Robots jika kita menggunakannya dengan cara yang tepat dan efektif.

Berikut adalah value yang dapat kita gunakan pada Meta Tag Robots:
  • index: Memberitahukan Bot untuk meng-Index halaman;
  • noindex: Memberitahukan Bot untuk tidak meng-Index halaman;
  • follow: Memberitahukan Bot untuk melakukan Crawling pada link yang ada di halaman.
  • nofollow: Memberitahukan Bot untuk tidak melakukan Crawling pada link yang ada di halaman.

Kita dapat menggabungkan beberapa value dari Meta Robots diatas menjadi seperti berikut:

<meta name="robots" content="noindex, nofollow">
<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, follow">
<meta name="robots" content="index, nofollow">


Kita juga dapat menggunakan <meta name="robots" content="none"> yang maksudnya sama saja seperti <meta name="robots" content="index, follow">. Tidak memasang Meta Robots juga sama saja dengan <meta name="robots" content="index, follow">.

Tips Membuat Meta Tag Robots

  • Gunakan Meta Robots hanya ketika kita ingin membatasi Search Engine dalam melakukan Crawling halaman.
  • Jangan memblokir halaman dengan Meta Robots pada file robots.txt.

Cara Memasang Meta Robots pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

<meta name="robots" content="index, follow">


Jika kalian menggunakan Blogger, kalian dapat menggunakan Meta Tag Robots berikut:

<b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
    <meta content='noindex/nofollow' name='robots'/>

    <b:elseif cond='data:view.isSingleItem or data:view.isHomepage'/>
    <meta content='index/follow' name='robots'/>
</b:if>


Meta Viewport

Meta Tag Viewport merupakan area yang dapat terlihat pada halaman dan biasanya digunakan untuk memberitahukan Browser untuk me-Render halaman pada ukuran layar yang berbeda (Contoh, layar Desktop, Tablet, Smartphone, dll).

Mengapa Meta Viewport Penting bagi SEO?

Menurut Google, Meta Tag Viewport menandakan bahwa halaman Web tersebut itu Mobile-Friendly.

Banyak pengguna yang mungkin langsung keluar ketika membuka halaman Web di Smartphone karena Website tersebut tidak Mobile-Friendly dan sulit untuk dibaca. Hal inilah yang merupakan salah satu efek negatif bagi halaman Web.

Tips Membuat Meta Tag Viewport

  • Gunakan Meta Viewport pada semua halaman Web.
  • Gunakan Tag Standar, jika kalian tidak tahu, maka ikutilah panduan di bawah ini.

Cara Memasang Meta Viewport pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

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


Perlu di ingat bahwa atribut content tidak harus diatur menjadi width=device-width, initial-scale=1.0 karena value tersebut hanyalah implementasi yang paling umum dan sering digunakan.

Meta Charset

Meta Tag Charset adalah karakter Encoding (Character Encoding) untuk halaman Web. Dengan kata lain, Meta Tag Charset dapat memberitahukan Browser tentang bagaimana teks yang ada di halaman Web dapat ditampilkan.

Terdapat banyak sekali Charater Set yang ada, tetapi terdapat dua Charater Set yang paling umum dan sering digunakan, yaitu:
  • UTF-8 - Character Encoding untuk Unicode;
  • ISO-8859-1 - Character Encoding untuk huruf Latin.

Mengapa Meta Charset Penting Bagi SEO?

Menggunakan Character Encoding yang salah dapat menyebabkan karakter yang ditampilkan akan menjadi tidak tepat pada Browser dan dapat membuat halaman Web menjadi rusak.

Berikut adalah dampak Meta Charset bagi SEO:
  • Pengguna tidak ingin mengunjungi halaman Web.
  • Bounce Rate yang tinggi.
  • Search Engine tidak memahami konten yang ada di dalamnya.

Tips Membuat Meta Charset

  • Gunakan Meta Tag Charset pada semua halaman Web;
  • Gunakan UTF-8.
  • Gunakan penulisan HTML yang benar.

Cara Memasang Meta Charset pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

<meta charset="UTF-8">


Jika kalian menggunakan HTML4 kebawah, kalian dapat menggunakan Meta Charset berikut:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">


Jika kalian tidak yakin atau tidak mengetahui versi HTML yang digunakan, kalian dapat melihat dan mencari kode <!DOCTYPE html>. Jika kode tersebut ada, maka kalian telah menggunakan HTML5.

Kesimpulan

Membuat, Mempelajari, dan Memasang Meta Tag pada halaman Web tidaklah sulit dan membingungkan. Mungkin beberapa Meta Tag diatas dapat meningkatkan SEO pada halaman Web kalian. Jika artikel ini bermanfaat, kalian dapat membagikannya. Jika kalian memiliki pertanyaan, silahkan tulis pada kolom komentar. Terimakasih.

0 Komentar