Dokumen tersebut memberikan ringkasan tentang berbagai aspek optimalisasi on-page untuk peningkatan peringkat situs web di mesin pencari, mulai dari tag judul dan deskripsi meta, elemen HTML penting, tautan teks dan gambar, aturan URL, robots.txt, sitemap, metadata Facebook dan Twitter, hingga contoh skema.org untuk ditampilkan secara kaya di mesin pencari.
6. Important HTML Elements
● Title tag
<head>
<title>Page Title</title>
</head>
● Best practices
– Tidak lebih dari 60-80 karakter
– Keyword penting berada di awal kalimat
– Masing-masing title sebaiknya unik
7. ● Meta Description Tag
<head>
<meta name="description" content="This is an example.">
</head>
●
Best practices
– Tidak lebih dari 155 karakter
– Masing-masing deskripsi dibuat unik
● Image
<img src="img/keyword.jpg" alt="keyword" width="100" height="100">
8. ● Text Link
<a href="http://www.example.com/webpage.html">Keyword in Anchor
Text</a>
● NoFollowed Link
<a href="http://www.example.com/webpage.html" rel="nofollow">Keyword in
Anchor Text</a>
● Image Link
<a href="http://www.example.com/webpage.html"><img
src="img/keyword.jpg" alt="keyword" width="100" height="100"></a>
● Hyperlinking Best Practices
– Batas link perpage 150
– Gunakan link nofollow untuk link yang tidak ingin dicrawl oleh google
10. ● SEO Tips for URLs
– Gunakan kata kunci / keyword deskriptif dalam URL
– Perhatikan duplikat konten bila menggunakan beberapa parameter
– Jika memungkinkan, tempatkan konten pada subdomain yang sama
untuk menjaga kualitas domain
– Recommended: http://example.com/blog
– Less Ideal: http://blog.example.com
11. Robot Control Syntax
Robots.txt adalah Sebuah file dengan sebuah fungsi yang di
gunakan untuk membatasi akses robot mesin pencari (Search
engine misal : Google,Bing,Yahoo) yang sedang menjelajahi
atau membuka situs web yang anda miliki .
12. Robot Control Syntax
● Robots.txt
– Location: http://example.com/robots.txt
– User-agent: googlebot
– Disallow: /no-google.html
– Sitemap: http://example.com/sitemap.xml
More information at http://www.robotstxt.org/robotstxt.html
● X-Robots
– Location: Sent in the HTTP headers
– X-Robots-Tag: noindex
More information at http://noarchive.net/xrobots/
● Meta Robots
– Location: In the html <head>
– <meta name="ROBOT NAME" content="ARGUMENTS" />
More information at http://www.robotstxt.org/meta.html
13. Sitemap Syntax
Sitemap berguna sebagai sebuah informasi tentang url-url yang
terdapat dalam sebauh web/blog kepada search engine. Dengan
begitu akan mempermudah search engine untuk mengetahui apa saja
yang berada dalam sebuah web/blog. Walaupun tanpa sitemap
web/blog kita dapat terindex pada google. Tapi itu belum semua link
yang terdapat pada link kita. Maka dengan menggunakan Sitemap,
semua link yang ada pada web/blog kita akan terindex oleh google.
21. Google+
● Google+ will extract information from Open Graph properties, title and
meta description tags, or Schema.org microdata (recommended).
<html itemscope itemtype="http://schema.org/Article">
<head>
<meta itemprop="name" content="Title Goes Here">
<meta itemprop="description" content="Description Goes Here">
<meta itemprop="image" content="http://example.com/image.jpg">
</head>
More information at
● http://schema.org
● https://developers.google.com/+/web/snippet/
22.
23. Examples of Schema.org Rich Snippets
Showing in Google
● E-commerce
● Tv Series
● Movies
● Events
24. Standar HTML
<div>
SEO Conference<br/>
Learn about SEO from experts in the field.<br/>
Event date:<br/>
May 8, 7:30pm
</div>
Now, by structuring the data, we can tell the search engines more specific
information about the type of data. The end result might look like this:
<div itemscope itemtype="http://schema.org/Event">
<div itemprop="name">SEO Conference</div>
<span itemprop="description">Learn about SEO from experts in the
field.</span>
Event date:
<time itemprop="startDate" datetime="2012-05-08T19:30">May 8,
7:30pm</time>
</div>