SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Downloaden Sie, um offline zu lesen
Rumus Matematika SEO
By Irhamullah, S.Kom
Seeing Like a Search Engine
On-Page Optimization
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
● 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">
● 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
URL Best Practices
● 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
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 .
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
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.
XML Sitemaps
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.example.com/</loc>
<lastmod>1970-01-01</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
</urlset>
● Default Locations
http://www.example.com/sitemap.xml
http://www.example.com/sitemap.xml.gz
http://www.example.com/sitemap.gz
Sitemap Index File
<?xml version="1.0" encoding="UTF-8"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>http://www.example.com/sitemap1.xml.gz</loc>
<lastmod>2004-10-01T18:23:17+00:00</lastmod>
</sitemap>
<sitemap>
<loc>http://www.example.com/sitemap2.xml.gz</loc>
<lastmod>2005-01-01</lastmod>
</sitemap>
</sitemapindex>
Contoh SiteMap :
● http://edition.cnn.com/sitemap/
● http://www.nbcnews.com/html/msnbc/HtmlSitemap0.html
Important Metadata
Facebook Open Graph
<head>
<meta property="og:title" content="Title Goes Here">
<meta property="og:description" content="description-goes-here">
<meta property="og:type" content="your-content-type-goes-here"> (e.g.,
"article")
<meta property="og:url" content="http://www.your-site.com/">
<meta property="og:image" content="http://www.your-site.com/image.jpg">
<meta property="og:site_name" content="your-site-name">
<meta property="fb:admins" content="your-Facebook-page-user-ID">
</head>
More information at
● http://ogp.me/
● https://developers.facebook.com/docs/opengraph/
<meta property="og:type" content="article" />
This is how Facebook knows that it's an article as opposed to, say, a
book.
<meta property="og:type" content="book" />
Twitter Cards
<head>
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://www.example.com/your-url-goes-here/">
<meta name="twitter:title" content="Title Goes Here">
<meta name="twitter:description" content="Your description goes here.">
<meta name="twitter:image" content="http://example.com/image.jpg">
</head>
● More information at https://dev.twitter.com/docs/cards
Versi WEB Versi Mobile
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/
Examples of Schema.org Rich Snippets
Showing in Google
● E-commerce
● Tv Series
● Movies
● Events
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>
Hub Saya
● 085 725 249 265
● http://twitter/ianpanrita
● http://facebook.com/ianpanrita
● http://ianpanrita.com
Rumus  Matematika

Weitere ähnliche Inhalte

Ähnlich wie Rumus Matematika

Cara memasang meta tag seo friendly di blogger lengkap dan terbaru
Cara memasang meta tag seo friendly di blogger   lengkap dan terbaruCara memasang meta tag seo friendly di blogger   lengkap dan terbaru
Cara memasang meta tag seo friendly di blogger lengkap dan terbaruOperator Warnet Vast Raha
 
Cara memasang meta tag seo friendly di blogger lengkap dan terbaru
Cara memasang meta tag seo friendly di blogger   lengkap dan terbaruCara memasang meta tag seo friendly di blogger   lengkap dan terbaru
Cara memasang meta tag seo friendly di blogger lengkap dan terbaruOperator Warnet Vast Raha
 
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfMembuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfomuru
 
Modul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lxModul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lxsugiyanto gunadi
 
Panduan dasar seo herman laja
Panduan dasar seo   herman lajaPanduan dasar seo   herman laja
Panduan dasar seo herman lajabloggercakep
 
Pengenalan web minggu ketiga
Pengenalan web minggu ketigaPengenalan web minggu ketiga
Pengenalan web minggu ketigaWawan Darmawan
 
B2B internet marketing optimization
B2B internet marketing optimizationB2B internet marketing optimization
B2B internet marketing optimizationTikak Sumajaya
 
Java web application 2 - membuat template web
Java web application 2 - membuat template webJava web application 2 - membuat template web
Java web application 2 - membuat template webDoni Andriansyah
 
On-Page SEO oleh Asri Tadda - Konsultan SEO Indonesia
On-Page SEO oleh Asri Tadda - Konsultan SEO IndonesiaOn-Page SEO oleh Asri Tadda - Konsultan SEO Indonesia
On-Page SEO oleh Asri Tadda - Konsultan SEO IndonesiaAsri Tadda
 
Sourcode Web Berbasis HTML, PHP, CMS, MYSQL
Sourcode Web Berbasis HTML, PHP, CMS, MYSQLSourcode Web Berbasis HTML, PHP, CMS, MYSQL
Sourcode Web Berbasis HTML, PHP, CMS, MYSQLAngga Joe Amstrong
 
Pemrograman Web - Pembuatan HTML
Pemrograman Web - Pembuatan HTMLPemrograman Web - Pembuatan HTML
Pemrograman Web - Pembuatan HTMLKuliahKita
 

Ähnlich wie Rumus Matematika (20)

Cara memasang meta tag seo friendly di blogger lengkap dan terbaru
Cara memasang meta tag seo friendly di blogger   lengkap dan terbaruCara memasang meta tag seo friendly di blogger   lengkap dan terbaru
Cara memasang meta tag seo friendly di blogger lengkap dan terbaru
 
Cara memasang meta tag seo friendly di blogger lengkap dan terbaru
Cara memasang meta tag seo friendly di blogger   lengkap dan terbaruCara memasang meta tag seo friendly di blogger   lengkap dan terbaru
Cara memasang meta tag seo friendly di blogger lengkap dan terbaru
 
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfMembuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
 
Bab i. html
Bab i. htmlBab i. html
Bab i. html
 
Tugas Kelompok 7 - Pemrograman Web
Tugas Kelompok 7 - Pemrograman WebTugas Kelompok 7 - Pemrograman Web
Tugas Kelompok 7 - Pemrograman Web
 
Optimasi gambar
Optimasi gambarOptimasi gambar
Optimasi gambar
 
Seo Basic
Seo BasicSeo Basic
Seo Basic
 
Modul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lxModul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lx
 
Panduan dasar seo herman laja
Panduan dasar seo   herman lajaPanduan dasar seo   herman laja
Panduan dasar seo herman laja
 
Tag HTML: #(3)
Tag  HTML: #(3)Tag  HTML: #(3)
Tag HTML: #(3)
 
HTML, CSS, JavaScript
HTML, CSS, JavaScriptHTML, CSS, JavaScript
HTML, CSS, JavaScript
 
Pengenalan web minggu ketiga
Pengenalan web minggu ketigaPengenalan web minggu ketiga
Pengenalan web minggu ketiga
 
B2B internet marketing optimization
B2B internet marketing optimizationB2B internet marketing optimization
B2B internet marketing optimization
 
Java web application 2 - membuat template web
Java web application 2 - membuat template webJava web application 2 - membuat template web
Java web application 2 - membuat template web
 
Blog cms template
Blog cms templateBlog cms template
Blog cms template
 
Web Stastis disertai dengan link-link
Web Stastis disertai dengan link-linkWeb Stastis disertai dengan link-link
Web Stastis disertai dengan link-link
 
On-Page SEO oleh Asri Tadda - Konsultan SEO Indonesia
On-Page SEO oleh Asri Tadda - Konsultan SEO IndonesiaOn-Page SEO oleh Asri Tadda - Konsultan SEO Indonesia
On-Page SEO oleh Asri Tadda - Konsultan SEO Indonesia
 
Sourcode Web Berbasis HTML, PHP, CMS, MYSQL
Sourcode Web Berbasis HTML, PHP, CMS, MYSQLSourcode Web Berbasis HTML, PHP, CMS, MYSQL
Sourcode Web Berbasis HTML, PHP, CMS, MYSQL
 
Pemrograman Web - Pembuatan HTML
Pemrograman Web - Pembuatan HTMLPemrograman Web - Pembuatan HTML
Pemrograman Web - Pembuatan HTML
 
1210651097 css
1210651097 css1210651097 css
1210651097 css
 

Rumus Matematika

  • 1. Rumus Matematika SEO By Irhamullah, S.Kom
  • 2.
  • 3.
  • 4. Seeing Like a Search Engine
  • 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.
  • 14. XML Sitemaps <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.example.com/</loc> <lastmod>1970-01-01</lastmod> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> </urlset> ● Default Locations http://www.example.com/sitemap.xml http://www.example.com/sitemap.xml.gz http://www.example.com/sitemap.gz
  • 15. Sitemap Index File <?xml version="1.0" encoding="UTF-8"?> <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <sitemap> <loc>http://www.example.com/sitemap1.xml.gz</loc> <lastmod>2004-10-01T18:23:17+00:00</lastmod> </sitemap> <sitemap> <loc>http://www.example.com/sitemap2.xml.gz</loc> <lastmod>2005-01-01</lastmod> </sitemap> </sitemapindex> Contoh SiteMap : ● http://edition.cnn.com/sitemap/ ● http://www.nbcnews.com/html/msnbc/HtmlSitemap0.html
  • 17. Facebook Open Graph <head> <meta property="og:title" content="Title Goes Here"> <meta property="og:description" content="description-goes-here"> <meta property="og:type" content="your-content-type-goes-here"> (e.g., "article") <meta property="og:url" content="http://www.your-site.com/"> <meta property="og:image" content="http://www.your-site.com/image.jpg"> <meta property="og:site_name" content="your-site-name"> <meta property="fb:admins" content="your-Facebook-page-user-ID"> </head> More information at ● http://ogp.me/ ● https://developers.facebook.com/docs/opengraph/
  • 18. <meta property="og:type" content="article" /> This is how Facebook knows that it's an article as opposed to, say, a book. <meta property="og:type" content="book" />
  • 19. Twitter Cards <head> <meta name="twitter:card" content="summary"> <meta name="twitter:url" content="http://www.example.com/your-url-goes-here/"> <meta name="twitter:title" content="Title Goes Here"> <meta name="twitter:description" content="Your description goes here."> <meta name="twitter:image" content="http://example.com/image.jpg"> </head> ● More information at https://dev.twitter.com/docs/cards
  • 20. Versi WEB Versi Mobile
  • 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>
  • 25. Hub Saya ● 085 725 249 265 ● http://twitter/ianpanrita ● http://facebook.com/ianpanrita ● http://ianpanrita.com