Sabtu, 02 Oktober 2021

Website Yang Ramah SEO

Pendahuluan

Disini kita akan membuat suatu halaman project yang digunakan untuk memudahkan mesin pencari untuk mengindex halaman yang kita buat. Artikel ini juga sangat dibutuhkan untuk para seo marketer. Bisa dikatakan kita menggunakannya untuk SEO (Search Engine Optimization). Sebelumnya kamu mesti mengetahui dulu struktur dari sebuah halaman html yang sederhana. Seperti ini

<!DOCTYPE HTML>

<html>

    <head>

        <title>Struktur HTML Sederhana</title>

    </head>

    <body>

        Ini merupakan tag body

    </body>

</html>

Search Engine Optimization Website

TITLE

Tag title pada halaman html mesti dan seharusnya ada. Yang merupakan judul dari halaman tersebut dan juga muncul pada tab perambahan kita. Title seharusnya sesuai dengan isi halaman yang dibuat.

contohnya pada bagian tag head:

    <head>

        <title>Struktur HTML Sederhana</title>

    </head>

HEADING

Kita harus mengetahui bahwa tag yang sering diindeks lainya yakni h1, h2, h3, h4, h5, dan h6. Dimana tag tersebut memberi arti heading atau judul. Misalnya kita membuat judul untuk h1 halaman ini yakni Membuat Halaman Website Dengan SEO dan h2-nya sub judul dari itu yakni Pendahuluan, Title, Heading, Meta.

META

META DESCRIPTION

Tag meta description digunakan untuk menambahkan penjelasan singkat tentang judul halaman. Ini hampir sama dengan tulisan yang ada pada belakang buku. Tag ini bertempat di dalm tag head biasanya dipakai setelah tag title.

<meta name="description" content="Informasi dan Teknologi Terbaru">

META OPEN GRAPH

Tag open graph merupakan tag yang digunakan untuk informasi konten yang kita bagikan pada sosial media seperti facebook, twitter, whatsapp dan sebagainya. Contohnya dalam penggunaan:

<meta property="og:title" content="YouMan Tech">

<meta property="og:description" content="Informasi dan Teknologi Kekinian">

<meta property="og:image" content="youmantech.png">

IMAGE ALT

Berdasarkan statistik artikel yang memiliki gambar memiliki 94% lebih banyak pembaca dibanding yang tidak ada gambarnya. Untuk penggunaanya bisa dilihat dibawah ini:

<img src="https://www.yusufabdulloh.my.id/image.png" alt="Contoh web responsive" />

src merupakan lokasi tempat foto itu berada. Sedangkan alt merupakan kepanjangan dari alternative yang berisi penjelasan tentang foto tersebut.

Link sangatlah berperan dalam ranking sebuah website di mata Search Engine / Perambahan. Link berpengaruh pada domain authority sebuah website. Bila kamu harus membuat link ke website yang lemah atau baru kamu bisa menggunakan rel='nofollow'. Tapi bila kamu membuat link yang tidak sesuai dengan halaman yang dibuat malah menjadikan link tersebut spam atau mungkin juga bisa dikenakan pinalti.

MEMBUAT HALAMAN RESPONSIVE

Untuk membuat sebuah halam responsive atau sesuai tampilanya pada perangkat yang digunakan oleh pengunjung. Kita bisa menggunakan tag meta name='viewport' pada tag head dimana ini akan menyesuaikan lebar dari halaman tersebut. Ini akan dipasangkan pada css media queries. Untuk penjelasannya kamu bisa lihat artikel pembuatan halaman responsive.

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

Semoga bermanfaat dan salam sukses selalu.

Tidak ada komentar:

Posting Komentar