Cara Agar Blog SEO dan Valid HTML5

seo icon.

Sekarang aku akan membagikan tips agar blog kalian lebih seo dan valid HTML5 pertama-tama sebelum membuat postingan pastikan atau cek template kalian di situs validation markup dan seo tools bisa dicek disini http://validator.w3.org untuk validation markupnya dan disini https://chkme.com/page-seo-tools untuk seo toolsnya.

setelah kalian mengetahui apa-apa saja yang error saatnya memperbaiki kesalahan yang muncul, sekarang aku akan memberikan tips dan triknya :

1. pertama backup template kalian setelah di backup hapus kode berikut

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

atau yang seperti ini

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

dan gantikan dengan kode berikut

<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

lalu ganti </html> dengan </HTML> letaknya paling bawah dari template kalian

2. selanjutnya hapus <b:include data='blog' name='all-head-content'/> gunakan control F biar cepat ganti dengan meta tag dibawah ini

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>

3. cari dan ganti kode <b:skin><![CDATA[ dengan kode di bawah ini

&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]] <style>

4. hapus ikon quickedit atau gambar obeng + tang (screwdriver)! cari dan hapus semua kode

<b:include name='quickedit'/>

5. Temukan kode seperti ini

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

hapus semuanya dan ganti dengan kode berikut ini

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div

6. tambahkan "alt attributes" di semua gambar/images. misalnya

<img height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPtybRrkKC0ENnG_3W4Gw388nouq3WYceI-AF3O1pQxTu7Q9Vc8FOsWlEtkOiLkC1cGegbvY5ja6HCOW3zej9qrx_1H2vNxM3_KDEqhSNHIXnO4AHWlWQD0Y4ZAIEHsnlfUBnejM0Rdhc/s1600/logo.png' width='75'/>

diubah menjadi

<img alt='no image' height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPtybRrkKC0ENnG_3W4Gw388nouq3WYceI-AF3O1pQxTu7Q9Vc8FOsWlEtkOiLkC1cGegbvY5ja6HCOW3zej9qrx_1H2vNxM3_KDEqhSNHIXnO4AHWlWQD0Y4ZAIEHsnlfUBnejM0Rdhc/s1600/logo.png' width='75'/>

7. jangan lupa hapus imageanchor="1" dan border="0" pada setiap gambar postingan di mode html

8. agar template kalian seo berikan meta description dan meta keyword pada template seperti ini

<meta content='description blog kalian disini' name='description'/>
<meta content='keyword kalian disini' name='keywords'/>

9. selalu memberikan tag title pada url link contohnya seperti ini

href="http://blogger-elliesintax.blogspot.com" title="ellie blog"

10. berikan juga title description pada gambar

11. susun tag h1 h2 h3 h4 dst.

H1 ---> jumlah hanya 1 dan maksimalnya 2
H2 ---> jumlahnya terserah anda (2-5 best)
H3 ---> jumlah jumlahnya terserah anda (up to 6 best)
H4 ---> jumlah tidak terbatas
H5 ---> jumlah tidak terbatas
H6 ---> jumlah tidak terbatas

12. berikan label setiap kali kalian memposting sebuah artikel

sekian masih banyak yang belum saya tulis tapi beberapa cara diatas akan memberikan perubahan yang cukup maksimal karena beberapa cara ini sudah saya terapkan
Selamat mencoba.

0 komentar:

Post a Comment

Subscribe to: Post Comments (Atom)