Optimasi Seo Di Hugo
Membuat Markup Schema Sebagai Langkah Optimasi SEO
Seo dalam sebuah website sangat di butuhkan dengan menerapkan sejumlah langkah optimasi SEO, website atau blog lebih mudah mendapatkan ranking tinggi di hasil pencarian Google.
SEO adalah Search Engine Optimization, biasa disingkat SEO adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritme mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.
Seperti penjelasan diatas seo adalah sebuah cara sistematis untuk website menjadi lebih mudah di cari dalam sistem pencarian. untuk memaksimalkan kinerja seo kita membutuhkan Markup Schema, Markup Schema adalah sebuah rangkaian data, dan markup schema mempunyai berbagai kategori rangkaian data seperti Data bisnis lokal, Event , Resep, Daftar film, Ulasan, Reservasi, Artikel dan masih banyak lagi. kalian bisa cek disini untuk lihat lebih detail nya. markup schema di bagi menjadi 3 cara untuk menerapkan rangkain data, Pertama: data RDFa, Kedua: Microdata dan yang Ketiga: JSON-LD. Kali ini kita akan menerapkan JSON-LD di hugo dengan cara sebagai berikut.
Buat sebuah file
schema.htmldi theme kalian :/theme/partials/schema.htmldan masukan code ini:<script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "BlogPosting", "mainEntityOfPage": { "@type": "WebPage", "@id": "{{ .Site.BaseURL }}" }, "articleSection" : "{{ .Section }}", "name" : "{{ .Title }}", "headline" : "{{ .Title }}", "description" : "{{ if .Description }}{{ .Description }}{{ else if .IsPage}}{{ .Summary }}{{ end }}", "image" :"{{ with .Params.thumbail | default .Site.Params.thumbail }}{{ . }}{{end}}", "inLanguage" : "{{ with .Site.LanguageCode }}{{.}}{{end}}", "author" : "{{ with $.Site.Author.name }}{{.}}{{end}}", "creator" : "{{ with $.Site.Author.name }}{{.}}{{end}}", "publisher": { "@type" : "Organization", "name" : "{{ with $.Site.Author.name }}{{.}}{{end}}", "logo" : { "@type" : "ImageObject", "url" :"{{ with .Site.Params.logo }}{{- . | absURL }}{{end}}", "height": 1200, "width": 360 }, "image": { "@type": "ImageObject", "url": "{{ with .Site.Author.avatar }}{{- . | absURL }}{{end}}", "width": 120, "height": 120 } }, "accountablePerson" : "{{ with $.Site.Author.name }}{{.}}{{end}}", "copyrightHolder" : "{{ with $.Site.Author.name }}{{.}}{{end}}", "copyrightYear" : "{{ .Date.Format "2006" }}", "datePublished": "{{ .Date.Format "Monday, January 2, 2006" }}", "dateModified" : "{{ if .Lastmod }}{{ .Lastmod.Format "Monday, January 2, 2006" }}{{ else }}{{ .Date.Format "Monday, January 2, 2006" }}{{ end }}", "url" : "{{ .Permalink }}", "wordCount" : "{{ .WordCount }}", "keywords" : [ {{ if isset .Params "tags" }}{{ range .Params.tags }}"{{ . }}",{{ end }}{{ end }}"blog" ] } </script>Untuk memangil kode di atas kalian harus mengedit theme
headkalian, cari isi file berisi tag html<head>dan tambahkan kode dibawah ini di dalam tag<head>disini</head>:{{ if eq .Section "posts" }} {{ partial "schema.html" . }} {{ end }}
Sekian tutorial dari saya, semoga bermanfaat dan selamat mencoba…!
