Website Design: Meta-tags|SEO|website|blog|toko online|prestashop

Tampilkan postingan dengan label Meta-tags. Tampilkan semua postingan

23 Maret 2014

SEO website : Delete duplicate title-tag dan meta-tag

15.26 yusufzul 6 comments

J ika peduli blog maupun website, mau tidak mau harus masuk dunia SEO, menuntut ketekunan, kesabaran and belajar tiada putus. Minggu lalu saya dikejutkan berkurangnya halaman web (webpage terindeks) di search engine. Setelah teratasi, muncul masalah baru : Duplikat Title Tag dan Duplikat Meta Tag.

Duplicate Title Tag pada website blog

Kita bisa mengetahui keberadaannya secara spesifik dengan membuka Google Webmaster Tools. Dengan Tools ini kita bisa pantau performance website dan aktifitas Anda terhadap website. Untuk mengetahui ada-tidaknya Duplicate Title-Tag dan penyebabkannya, buka saja Google Webmaster Tools.

SIGN IN dengan account Gmail Anda ke dashboard Google Webmaster Tools. Klik salah satu website yang dimiliki.
Ke "HTML Improvement"
Klik saja kata-kata berwarna biru (daerah yang perlu disempurnakan), misalnya salah satunya
”Duplicate Title Tags” Klik saja Duplicate Title Tags.
Akan muncul notifikasi beberapa pesan error, klik saja error tersebut untuk tahu penyebabnya.

Duplicate Title Tags Theme dasar (Not Customized) website

1. Penyebab SATU :

Akses URL mengandung Query String, yaitu URL yang mengandung karakter tanda-tanya (?), seperti: http://www.yourdamain.com/?page-id=2

Untuk mengatasinya dibutuhkan perubahan pada : File robots.txt

File robots.txt digunakan untuk memberitahukan pada Search Engine bahwa URL yang mengandung Query String tidak perlu diakses/di-index. Yang perlu ditambahkan pada file robots.txt adalah :

Disallow: /*?*

Untuk edit file robots.txt blogger, silahkan ke menu : Setting >> Preferensi Penelusuran.

Untuk melakukan perubahan isi robots.txt, kita perlu upload dan download ke hosting provider.

2. Penyebab DUA :

Category Name bisa diakses dengan 2 cara, yaitu menuliskan langsung di address bar, seperti : http://www.yourdamain[DOT]com/category-name dan dengan cara normal click link nama kategory, seperti: http://www.yourdamain[DOT]com/category/category-name

3. Penyebab TIGA :

Jumlah Post melampaui batas jumlah yang akan ditampilkan di front-page maupun archives sehingga link yang ditampilkan bertambah dengan suffix ‘/page/2′, ‘/page/3′ dan seterusnya.

Pengaturan jumlah post yang ditampilkan di halaman WordPress dengan pergi ke menu :

[Settings -> Reading -> Blog pages show at most].

Delete Duplicate Title-Tag dan Meta-Tag di website blog WordPress

Solusi Duplicate Title Tags yang disebabkan oleh DUA dan TIGA dibutuhkan perubahan pada :

File Themes header.php
File Themes functions.php

Untuk perubahan file functions.php dan header.php dari template Theme aktif, kita harus LOGIN ke Dashboard WordPress. Sayangnya tidak bisa dilakukan pada platform BLOGGER.

Delete Duplicate Title-Tag dan Meta-Tag di website blog Blogger

Untuk platform Blogger solusi menghapus sekaligus Duplicate Title Tag dan Duplicate Meta Tag dilakukan dengan cara :

» Login ke Blogger.
» Klik Setting
» Klik Edit HTML
» Klik Procceed
» Cari kode <head>
» Copy ini <link expr:href="data:blog.url" rel="canonical"></link>
Pastikan tepat dibawah kode di atas (no. 5)
» SAVE.

That's all we know

14 Juni 2013

SEO website blog : Tips penambahan meta tag utama

14.25 yusufzul No comments

Setidaknya gunakan meta tag Keywords dan meta tag Description untuk menunjang SEO website blogger.

Anda akan mendapatkan lebih banyak traffic kunjungan dari search engine utama jika blog ditambahkan meta tag. Penggunaan meta tags dalam file HTML website (blog) merupakan faktor penting dalam SEO blog dan tidak boleh diabaikan ketika mulai membuat blog – sama pentingnya dengan submit blog Anda ke beberapa mesin pencari utama seperti Yahoo Search Engine, Google et cetera. Tentu Anda peduli dengan posisi optimal dalam indeks situs Anda di Google, bukan?

Definisi meta tag - website archives

Pengertian meta tag adalah :

Tag yang menjelaskan tentang blog atau website, memberitahukan ke search engine informasi mengenai situs Anda tentang apa.

Meta tag memungkinkan search engine mengindeks laman webpage lebih akurat. Singkatnya, Meta tag berkomunikasi dengan mesin pencari, menginformasikan lebih lanjut tentang situs blog Anda dan membuat indeks laman-laman situs secara akurat dan benar.

Disarankan sedini mungkin menambahkan 3 meta tag utama ke <head> section blog :

META DESCRIPTION yang menggambarkan atau menjelaskan situs Anda.
META KEYWORDS untuk memberitahukan ke semua search engine tentang kata-kata yang menjadi keyword blog Anda (what your site is all about).
META TITLE

Tutorial

Go to "Template" --> "Edit HTML"
Tekan CTRL – F untuk memudahkan pencarian code ini :

<b:include data='blog' name='all-head-content'/>
Tambahkan code dibawah ini tepat diatas <b:include data='blog' name='all-head-content'/>.

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>
Tulis ulang teks warna BIRU disesuaikan dengan isi blog.
DESCRIPTION HERE : isikan deskripsi riil mengenai website atau blog Anda
KEYWORDS : tulis saja kata-kata kunci (keywords) riil situs Anda
AUTHOR NAME : isikan nama Anda di blogosphere (dunia blog).
SAVE TEMPLATE.

You have successfully added meta tags to your blogger blog.
Berhasil untuk meta tag yang mutlak diperlukan untuk SEO blog Anda.

CONTOH lengkap penambahan META TAG, lihat dibawah ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<meta content='Descripsi Blog Anda' name='description'/>
<meta content='Keywords (Kata Kunci) Blog Anda' name='keywords'/>
<meta content='URL Blog Anda' name='subject'/>
<meta content='Deskripsi Blog Anda' name='Abstract'/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if><meta expr:content='data:blog.pageName + " - Deskripsi Blog Anda"' name='description'/>
<meta expr:content='data:blog.pageName + " - Keyword Blog Anda"' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
<meta content='Hak Cipta' name='copyright'/>
<meta content='Nama Author Blog' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='blogger' name='generator'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>

PERINGATAN

Jangan mengisi hanya dengan kata-kata yang menjadi keyword blog dalam meta description.
Jangan lakukan pengulangan kata yang menjadi keyword blog lebih dari 3 kali

Jika peringatan ini diabaikan, search engine Google dan mesin pencari lain tidak akan meng-index blog.

That's all we know - Happy Blogger

14 April 2013

SEO website blog: penggunaan 3 meta tag SEO friendly

01.12 yusufzul No comments

Apakah meta tag support website SEO Friendly?

Meta tag adalah penjelasan singkat tentang website (atau blog) dan ditempatkan sebagai TAG (informasi) pada HTML website tetapi tidak dimunculkan di web page. Ada banyak meta tag sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul-betul dipakai oleh search engine hanya 3, meta description, meta keyword, dan meta robots.

Hampir semua search engine menggunakan meta tag, seperti Google, Yahoo dan MSN untuk meng-indeks berdasarkan keyword dan deskripsi website. meta KEYWORDS dan meta DESCRIPTION ini yang digunakan mendukung strategi SEO – yang diatur untuk memudahkan search engine menemukan suatu website – dan HARUS ada dalam kode HTML blog, agar blog segera ditemukan oleh search engine. Keyword dan deskripsi yang tepat akan membawa website tersebut ke urutan teratas di halaman pertama hasil pencarian SERPs (search engine result pages).

Jika Anda ingin mengetahui lebih jauh tentang meta tags, klik disini.

Meta Tag Description - arsip website

Meta tag ini digunakan untuk memberikan gambaran umum isi dari halaman web. Disarankan tidak lebih dari 200 karakter dan usahakan agar description ini dapat menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.

MENGAPA?

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut. Maka disarankan, gunakan isi meta tag description sebagai kalimat pembuka. Misalnya, bagian paling awal web Anda berupa sebuah menu, maka deskripsi yang ditampilkan pada hasil pencarian seperti ini :

Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the web to...

contoh penulisan meta description :

<meta name
="description" content="Promosi-web.com is a search engine tutorial that explain how to get top rangking in all major search engine and get high traffic for your web site. Available in Bahasa Indonesia.">

Meta Tag Keyword - website files

Meta tag ini sangat penting, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine.

Sintaks dasar meta tag keyword :

<meta name="keywords" content="keyword1 keyword2 keyword3 ...">

atau dengan pemisah tanda koma (untuk memudahkan pembacaan) :

<meta name="keywords" content="keyword1, keyword2, keyword3, ...>

Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine.

PERINGATAN :

JANGAN mengulang kata lebih dari 3 kali (bisa dianggap spamming)
Contoh pemakaian meta tag keyword yang salah adalah :

<meta name="keywords" content="bali, bali hotels, travel in bali, bali island, bali weather>

Terlihat sekali kata "bali", diulang lebih dari 3 kali. Sebagai alternatif, contoh berikut ini tidak akan dianggap spamming oleh mesin pencari :

<meta name="keywords" content="bali hotels travel bali island bali weather">
JANGAN membuat keyword yang tidak ada hubungannya dengan isi halaman website Anda karena akan dianggap spamming. Misalkan website Anda memuat informasi tentang website design, maka jangan menambahkan "Britney Spears" sebagai kata kunci hanya karena kata kunci tersebut favorit di internet dan banyak dicari orang.

Meta Tag Robots - website archives

Tujuan penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa di-indeks oleh spider dan halaman web mana yang tidak di-indeks. Tag ini sangat berguna ketika sebuah website memakai frame untuk navigasinya. Mengapa? Tentu kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine.

Sintaks dasar meta tag robots :

<meta name="robots" content="index | noindex | follow | nofollow">

Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini :

<meta name="robots" content="index follow">

Dengan perintah ini spider akan meng-indeks main page Anda dan menjadwalkan untuk mengindeks halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="...">).

Perintah berikut menginstruksikan agar spider tidak meng-indeks (menelusuri) link yang ada pada suatu halaman web.

<meta name="robots" content="noindex nofollow">

KESIMPULAN

Jika Anda peduli dengan SEO untuk blog atau website, maka silahkan ketiga meta tag diatas di-setting dengan baik sesuai isi dan thema situs Anda.

That's all we know - Happy be blogger

21 September 2012

Part 1 : Meta Deskripsi and Keyword di HTML website

12.06 yusufzul No comments

Keyword Statis Dinamis untuk optimalkan SEO website

Meta tag deskripsi dan meta tag keyword terbaik ialah yang bersifat dinamis, artinya isi deskripsi dan keyword-keyword selalu berubah sesuai thema per halaman website. Sayangnya, CMS platform Blogger tidak mengakomodir sifat dinamis ini. Platform blog blogger menggunakan meta deskripsi dan keyword statis, yang berarti setiap halamannya tidak akan punya deskripsi dan keyword tersendiri - seperti pada CMS platform Wordpress.

Bagi search engine Google meta deskripsi dan keyword statis tidaklah bagus dan menjadi masalah dalam perbaikan SEO.

Saya menemukan solusinya di ht2p://abibakarblog.com (sayang sekali status website saat ini adalah bad host - untuk menghindari blog ini dapat badlink http: saya tulis ht2p:) yang menyatakan :

Saya mempunyai hack untuk memungkinkan mendapatkan meta-tag deskripsi dan meta-tag keyword bersifat dinamis untuk tiap-tiap halaman blogspot saya. Berikut ini contohnya, ini saya ambilkan dari salah satu blog saya - http://dunia-puisi.blogspot.com/.

Jika anda buka view source dan lihat deskripsi dan keyword akan ditampilkan seperti ini :

Namun jika anda buka salah satu postingan diblog itu, misal klik posting pertamanya, yaitu Doa Orang Lapar, maka meta deskripsi dan meta keyword akan tampil begini :

Hal diatas membuktikan bahwa pada 2 halaman web yang berbeda pada platform Blogspot dapat dimungkinkan memiliki meta-tag dinamis. Untuk lebih meyakinkan, saya sarankan klik halaman berikutnya, yaitu Sajak Seorang Tua Di Bawah Pohon. Begini tampilannya :

Semua itu untuk membuktikan blog Blogspot saya menjadi meta-tag dinamis. Padahal secara default platform Blogspot hanya memiliki mata-tag statis (isi meta-tag sama untuk seluruh halaman). Lalu bagaimana bisa diubah menjadi dinamis? AKAN SANGAT MELELAHKAN.

Mengubah metatag Statis website blog Blogspot menjadi Dinamis

Caranya :

Masuk ke blogger.com lalu ke Layout > Edit HTML
Klik expand widget template Anda
Temukan ini :

<head>
<b:include data="blog" name="all-head-content" />
<title><data:blog.pageTitle /></title>
Setelah tag ini <b:include data="blog" name="all-head-content" />

Masukkan tag berikut :

<b:if cond='data:blog.url == "ht2p://abibakarblog.blogspot.com/"'>
<meta content='DESKRIPSI' name='description'/>
<meta content='KATAKUNCI' name='keywords'/> </b:if>
Ganti abibakar.blogspot.com dengan alamat blog Anda, dan juga ganti deskripsi dan katakunci dengan deskripsi dan katakunci halaman index/homepage blog Anda
Yang diatas meta deskripsi dan keyword untuk halaman index/homepage, Sekarang meta deskripsi dan keyword untuk tiap halaman.

Lakukan hal yang sama seperti langkah nomor 3, 4, 5, namun karena kini yang ingin dibuat adalah deskripsi dan keyword per halaman maka url dan deskripsinya harus diperjelas. Misalnya, halaman url saya begini ht2p://www.abibakar.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html, maka tagnya harus begini :

<b:if cond='data:blog.url == "ht2p://johndoe.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html"'>
<meta content='meta deskripsi dan keyword untuk blogspot' name='description'/>
<meta content='meta keyword, meta deskripsi' name='keywords'/> </b:if>

Tentu saja abibakar.blogspot harus anda ganti dengan alamat url per halaman anda juga deskripsi dan keywordnya anda rubah. Hal ini diperuntukkan untuk memberikan deskripsi spesifik pada halaman yang dimaksud.

Jujur saja Cara ini ada kekurangannya!
Kelemahan hack ini ada 3 :

Seperti saya sebutkan, bahwa hack ini sangat melelahkan. Karena untuk setiap halaman, Anda harus memasukkan tag diatas. Misalnya blog punya 3 posting, maka memasukkan deskripsi dan keyword untuk masing-masing halaman. Seperti ini :

<b:if cond='data:blog.url == "ht2p://dunia-puisi.blogspot.com/"'> <meta content='Kumpulan Puisi dari WS Rendra' name='description'/> <meta content='puisi, ws rendra, sajak, pidato, bait, doa, pantun' name='keywords'/> </b:if>

<b:if cond='data:blog.url == "ht2p://dunia-puisi.blogspot.com/2008/05/doa-seorang-serdadu-sebelum-perang.html"'> <meta content='Tuhan ku wajah Mu membayang di kota terbakar dan firman Mu' name='description'/> <meta content='sajak serdadu' name='keywords'/> </b:if>

<b:if cond='data:blog.url == "ht2p://dunia-puisi.blogspot.com/2008/05/sajak-seorang-tua-di-bawah-pohon.html"'> <meta content='inilah sajakku seorang tua yang berdiri di bawah pohon meranggas' name='description'/> <meta content='sajak seorang tua' name='keywords'/> </b:if>

Bayangkan jika Anda banyak posting, capek deh! melakukannya berulang-ulang.
Template menjadi panjang dan size filenya membesar dan tidak bagus untuk SEO.

Solusi kelemahan hack metatag website

Sebaiknya hack ini diterapkan secara selektif untuk halaman tertentu
Abaikan dan JANGAN DIPRAKTEKKAN
Solusi lain ada di BAGIAN 2

Part2 : Meta Deskripsi + Keyword di HTML website

12.00 yusufzul 3 comments

Metatag deskripsi dan keyword dinamis website page

Blog Anda sangat butuh SEO. Advis berikut ini kelanjutan dari bagian PERTAMA dan dikhususkan untuk platform Blogspot . Perlu Anda tahu bahwa meta deskripsi dan keyword pada platform ini secara default statis dan perlu dioptimalkan untuk SEO. Lalu bagaimana agar punya meta-tag deskripsi dan meta-tag keyword dinamis untuk setiap halaman.

Prosedur Metatag deskripsi dan keyword dinamis di website blog

Cara pertama ada di Bagian PERTAMA. Berikut ini cara KEDUA dari BLOG JURAGAN SEO :

Jika BELUM PERNAH memasang meta tag deskripsi sebelumnya, ikuti cara ini :

LOGIN ke dashboard blogger.com. Ke TATALETAK > EDIT HTML. Beri tanda centang di boks kiri atas
Cari kode berikut (gunakan CTRL + F) :

<title><data:blog.pageTitle/></title>
Setelah didapatkan, kode diatas hapus lalu ganti dengan kode berikut :
Klik SAVE template.

Bagi yang SUDAH PERNAH memasang meta tag deskripsi, ikuti cara berikut ini :

LOGIN blogger.com > TATA LETAK > EDIT HTML. beri centang di boks kiri atas
Cari kode ini atau yang semacamnya :

<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> | <data:blog.title/></title>

Cari kode deskripsi lama (pernah dipasang) dan dihapus semua kode deskripsi lama.
Diganti dengan kode berikut :
Selesai dan klik SAVE template.

Demikianlah cara membuat meta tag di setiap posting secara otomatis dan tidak perlu memasang meta tag deskripsi di setiap posting secara manual.

Dimana sebaiknya menambahkan meta tag?

Anda bisa tambahkan meta tag ke semua webpage, tidak hanya di halaman indeks pertama saja. Pastikan tiap meta tag yang ditambahkan relevan dengan webpage. Tambahkan keyword dan frase relevan. Sesuai dengan teks dan bahasa di halaman tertentu. Memang banyak pekerjaan untuk menambahkan meta tag khusus untuk tiap halaman tetapi Anda lihat kelak akan bekerja.

ref : http://www.metatags.info

That's all we know