Seo dalam sebuah website sangat di butuhkan untuk membuat sebuah website menjadi ramai pengunjung, namun pada dasar nya sistem kerja seo adalah sebuah code untuk di baca sistem pencarian agar lebih mudah dikenali oleh sistem pencarian dan seo bukanlah sebuah bahasa pemogramaan. apa itu seo ?
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.
sudah di jelaskan di atas seo adalah sebuah cara sistematis untuk website menjadi lebih mudah di cari dengan sitem pencarian. untuk memaksimalkan kinerja seo kita membutuhkan Markup Schema, Markup Schema adalah sebuah rangkaian data, dan markup schema mempunya berbagai kategori rangkaian data seperti Data bisnis lokal, Event (acara), Resep, Daftar film, Ulasan, Reservasi, Artikel dan masih banyak lagi. kalian bisa cek disinih untuk lihat lebih detail nya Schema.org. markup shema di bagi 3 cara untuk menerapkan rangkain data, dengan data RDFa, Microdata dan JSON-LD . di artikel ini kita menggunakan JSON-LD untuk kita terapkan di website kita. untuk menerapkan JSON-LD di hugo dengan cara sebagai berikut.
buat sebuah file schema.html di theme kalian ex : /theme/partials/schema.html dan isi kan 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 header kalian. biasa nya setiap theme mempunyai file header.html atau head.html. dan cari isi file berisi tag html <head> biasa nya ada di antara dua file tersebut.
di theme web ini ada di file head.html ber isi tag <head>. untuk memanggil kode schema.html tambahkan lah kode ini di. di dalam tag <head>
{{- if eq .Section "posts"}}
{{- partial "schema.html" . -}}
{{- end }}setah di tambhkan sektang tinggal di buka dan liat source code nya , dengan menekan tombol CTRL + U maka ada sebuah ringkasan data tentang web page kita di bagian header.
