Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

9/02/2017

Macam-macam Meta Tag Seo (dan cara membuatnya)

Apa itu Meta Tag?

Meta Tag ialah sebuah/kumpulan aba-aba tersembunyi yang diletakkan di bawah aba-aba HEAD didalam Dokumen HTML. Kode tersebut nantinya akan berfungsi untuk menunjukkan informasi pemanis perihal apa yang anda tuliskan. Informasi tersebut tidak diberikan kepada pembaca, tetapi kepada Mesin Pencarian.

Meta Tag itu sendiri ada banyak jenisnya, mulai dari Meta Description, Meta Keyword dan Meta Tag lainnya. Berikut beberapa Meta Tag dan beberapa penjelasan perihal Meta Tag Tersebut.

SEO untuk Meta Description

Meta Description ialah untuk menjelaskan perihal keseluruhan isi dari pada blog yang anda kelola. Meta tag ini nantinya akan berfungsi untuk ditayangkan di bawah judul goresan pena anda didalam Search Engine. Hal itu tidak semata-mata akan ditampilkan, namun hanya akan ditampilkan apabila dibutuhkan saja. Maksud saya, kalau tidak ada deskripsi yang cocok untuk hasil blog anda, maka Meta inilah yang akan ditampilkan.

Berikut contoh Meta Description:


Anda bisa mengganti dengan Deskripsi blog anda.

Seo Untuk Meta Keyword

Meta Keyword ini berfungsi untuk menghipnotis peringkat goresan pena anda. Pada Meta tag ini anda mengisi dengan kata kunci yang sering anda gunakan di dalam goresan pena anda. Hal ini akan sangat membantu kalau anda lupa menebalkan atau menambah Alt Tag Gambar pada goresan pena anda. Namun, kalau anda bukan blogger yang sering melupakan hal ini, saya tidak menganjurkan anda untuk menggunakan Meta Tag yang satu ini.

Untuk sekarang ini, semua blogger hampir oke bahwa Meta Keyword sudah tidak begitu memiliki kepentingan. Namun kalau anda mengelola blog yang menargetkan sebuah Niche, tidak ada salahnya untuk menggunakan Meta Keyword. Hal ini (mungkin) akan sedikit membantu untuk peringkat goresan pena anda di mesin pencarian.

Berikut Contoh Meta Keyword:

Anda bisa mengganti dengan keyword yang sering anda gunakan.

Seo Untuk Meta Content Type

Meta Content Type ialah untuk menyatakan Encoding Situs anda untuk membantu Browser yang digunakan pengguna pencarian biar tidak salah dalam menampilkan situs anda. Meta Tag ini tidak menghipnotis peringkat Blog/Situs anda sama sekali, tapi hanya untuk membantu Browser saja. Jadi, untuk kepentingan dari pada Meta Tag ini, hanyalah pada dilema tampilan blog.

Berikut contoh Meta Content Type:


Seo Untuk Meta Tag Geo PlaceName (meta Location)

Meta Tag Geo PlaceName adalah untuk memberitahukan asal negara dari pada Blog/situs yang anda kelola. Meta ini memiliki kepentingan untuk membantu pencarian dengan Query negara. Awalnya memang tidak terlihat memiliki kepentingan, namun seiring berjalannya waktu, hal ini akan sangat menentukan (nantinya).

Berikut Meta Tag Geo PlaceName:

Anda bisa mengganti nama negara yang anda pilih.

Seo Untuk Meta Author

Meta Author ialah untuk memberitahukan kepada google siapa admin dari pada sebuah situs. Misalkan situs yang anda kelola memiliki beberapa admin, Meta Tag Author ini sangat penting. Dan terlebih, google sangat senang dengan situs yang terperinci nama si pengelola blog.

Berikut contoh Meta Author:

Anda bisa mengganti dengan nama anda.

Seo Untuk Meta Languange

Meta Languange ialah untuk memberitahukan kepada google perihal bahasa apa yang anda gunakan pada blog anda. Meta tag ini nantinya akan membantu google untuk memilah blog anda pada bab bahasa mana anda menulis. Meta Languange memiliki kepentingan kalau anda menargetkan pasar untuk sebuah negara.

Berikut Contoh Meta Languange:

Anda bisa mengganti dengan aba-aba bahasa yang anda inginkan.

Seo Untuk Meta Refresh

Dengan menggunakan Meta Refresh, maka situs anda akan melaksanakan Refresh secara Otomatis secara berkala. Refresh yang akan terjadi itu tergantung pada selang waktu yang anda tentukan. Hal ini akan meningkatkan PageViews sebuah blog. Namun secara pribadi, saya tidak menganjurkan anda untuk menggunakan Meta tag yang satu ini. Dampaknya memang tidak sering terjadi, namun dampak yang bisa saja terjadi ialah google akan menganggap blog anda sebagai Blog Sp*m; dengan alasan mengelabui pengunjung.

Berikut pola Meta Refresh:

Anda bisa mengganti dengan selang waktu yang anda inginkan. Misal: 20 detik.

Seo Untuk Meta Tag Revisit After

Meta Tag Revisit After adalah untuk mengatur tingkat perayapan google terhadap blog anda. Dahulunya Meta ini mempunyai peranan penting, namun untuk sekarang ini tidak lagi. Alasannya adalah, untuk sekarang ini +Google+ dan juga Search Engine lainnya sudah bisa mengatur tingkat perayapan terhadap suatu blog. Jadi, bab ini sangat tidak perlu anda khawatirkan.

Berikut contoh Meta Tag Revisit After:




Sebenarnya masih ada begitu banyak lagi bab dari SEO Meta Tag yang masih menyebar. Jika anda merasa masih kurang cukup, silahkan membaca dari situs ini: Meta Tag yang dipahami oleh Google. Nah, Setelah kita membahas banyak sekali macam Meta Tag yang ada, mari kita masuk ke dalam pembahasan nyata.

Cara membuat Meta Tag

Setelah kita mengetahui bermacam dari pada aba-aba Meta Tag yang ada. Mari kita ikuti cara untuk meletakkan Meta Tag dengan benar.
  • Silahkan Masuk ke Blogger.
  • Kemudian pilih bab Template, lanjutkan dengan pilihan Edit HTML. silahkan perhatikan Gambar :
"Cara membuat Meta Tag Seo"
  • Selanjutnya silahkan mencari aba-aba
  • Lalu letakkan aba-aba yang sudah saya bagikan diatas tersebut di bawah aba-aba HEAD tersebut. Silahkan melihat gambar :
"Cara membuat Meta Tag Seo"
  • Setelah melaksanakan perubahan menyerupai besar-besaran terhadap blog, ada baiknya untuk teman-teman sekalian melaksanakan Ping terhadap situs anda.
  • Selesai.
Nah, demikianlah pembahasan Cara Membuat Meta Tag SEO, semoga goresan pena ini dapat membantu teman-teman sekalian di dalam hal Optimasi Blog yang teman-teman lakukan terhadap situs yang anda kelola. Selamat Mencoba!

Cara membuat Tabel dalam Postingan Blog

Cara membuat Tabel dalam Postingan Blog
Contoh : Tabel
Untuk memperindah goresan pena kita, tidak ada salahnya menerapkan gaya, jenis, dan banyak sekali macam cara dan corak menulis, termasuk membuat tabel di dalam postingan. Mungkin untuk beberapa Blogger merasa tidak perlu, namun untuk beberapa format tulisan, hal ini sangat di perlukan. Semisal dikala hendak membuat daftar atau urutan di dalam sebuah Postingan.

Jadi, untuk membuka penasaran anda dengan cara membuat tabel di dalam Posting/Artikel, mari menyimak caranya:

Cara membuat Tabel dalam Postingan Blog
  • Pertama, silahkan membuka Blogger.com menyerupai biasa.
  • Kemudian eksklusif Buat Entri Baru (menggunakan HTML, jangan di Compose).
  • Lalu, silahkan memilih instruksi HTML di bawah ini.
#1. HTML untuk membuat Tabel dua kolom dan satu baris :
<table border="1" width="200">
<tr><td>Tulisan pertama</td><td>Tulisan kedua</td></tr>
</table>
Notes : Border = garis pinggir atau kolom. Width = Panjang kolom baris.

Contoh:
Tulisan pertamaTulisan kedua


#2. HTML untuk membuat Tabel empat kolom dan empat baris :
<table border="1" width="300">
<tr bgcolor="#E0F8E0">
<td align="center">
<b>Nama Blog</b></td><td align="center"><b>Jenis Blog</b></td><td align="center"><b>Pemilik Blog</b></td>
</tr><tr><td align="center">Arief Sigli</td><td align="center">Blog Tutorial</td><td align="center">Arief Munandar</td></tr>
<tr><td align="center">Lirik Lagu Terjemahan</td><td align="center">Blog Lirik</td><td align="center">Arief Munandar</td></tr>
<tr><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td></tr>
<tr><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td><td align="center"> Tidak Tersedia</td></tr>
</table>
Notes : bgcolor = Warna untuk kolom paling atas. Align center = Tulisan Rata Tengah.

Contoh :
Nama BlogJenis BlogPemilik Blog
Arief SigliBlog TutorialArief Munandar
Tidak TersediaBlog BaruArief Munandar
Tidak TersediaTidak TersediaTidak Tersedia
Tidak TersediaTidak TersediaTidak Tersedia

#3. Untuk membuat Tabel dengan variasi yang lain.
Misal: Empat kolom dan 3 baris. Maka anda mampu mengikuti klasifikasi berikut ini :

HTML untuk menambah Kolom: 
<td align="center">
<b>Nama</b></td>

HTML untuk menambah baris:
</tr><tr><td align="center">Ali</td><td align="center">Kedah</td><td align="center">23</td></tr>

Sekedar informasi, tabel ini terlihat berfungsi bila menggunakan Browser Chrome, Saya tidak melaksanakan percobaan dengan Browser Mozilla atau yang lainnya. Jadi, bila anda tidak melihat adanya tabel di dalam goresan pena ini, mungkin itu sebab alasan Browser anda yang tidak mendukung. Selamat Mencoba membuat Tabel dengan kreasi anda sendiri!

Cara membuat Kotak Pencarian di Dalam Blog

Mungkin anda merasa malas menggunakan Menu Navigasi di bab atas, sehingga anda membuat Menu Navigasi dengan bentuk menurun. Atau mungkin anda memang kurang suka dengan Menu Navigasi. Namun, jangan hingga anda menghilangkan Kotak Telusur atau Kotak Pencarian. Karena dengan adanya Kotak Pencarian tersebut, pengunjung blog anda akan dapat menjelajah ke seluruh isi dari artikel yang pernah anda buat; dengan hanya mengetikkan kata di dalam kotak tersebut.

Menu Navigasi juga memiliki fungsi untuk hal tersebut, hanya saja aku cuma memberi referensi sebagai ajang pembukaan. Jadi, jangan terlalu dipikirkan perihal hal itu. Nah, sekarang bagaimana cara membuat tombol pencarian tersebut? Nah mari menyimak:

Cara membuat Form Pencarian di dalam Blog:
  • Silahkan buka Blogger.com menyerupai biasanya.
  • Kemudian Pilih Bagian Tata Letak, lalu pilih Tambahkan Gadget, dan pilih HTML/Javascript.
Cara membuat kotak pencarian di dalam Blog
  • Kemudian letakkan Kode HTML di bawah ini di dalam FORM HTML/Javascript tersebut :
<form action="http://Ariefsigli.blogspot.com/search"method="get"> <input class="textinput" name="q" size="30" type="text"/><input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Notes:
Ariefsigli = Ganti dengan nama Blog Anda.
Size = Panjang Kotak Pencarian (30 =  silahkan sesuaikan).
Value = Anda mampu mengganti kata untuk ditampilkan menjadi Cari
  • Contoh dari cara menempatkan HTML di atas yaitu :
Cara membuat kotak pencarian di dalam Blog
  • Contoh Kotak Search yang berhasil kita buat adalah:
Contoh kotak pencarian di dalam Blog
  • Selamat mencoba!

9/01/2017

Cara Menghilangkan Tanda Obeng dan Tang Pada Blog

Untuk yang terlalu sering ganti template? Pastinya tidak absurd lagi dengan duduk perkara ini. Di mana anda akan menjumpai sebuah tanda yang terlihat menyerupai sebuah Obeng dan Tang pada setiap Widget Blog Anda. Gambar di bawah ini ialah contohnya:

Menghilangkan Tanda Obeng dan Tang Pada Blog

Memang tidak semua template akan membawa duduk perkara ini, namun saya hanya memperuntukkan tutorial kali hanya untuk yang mengalaminya saja. Jadi, silahkan pribadi pada pembahasan...

Cara menghapus Tanda Obeng dan Tang Pada Blog :
  • Silahkan pribadi buka Template Blog anda, dan pribadi menuju ke bagian Template > Edit HTML.
menghapus tanda Obeng dan Tang Pada Blog
  • Kemudian silahkan cari Kode di bawah ini (tekan CTRL+F untuk memudahkan).
    ]]></b:skin>
  • Kemudian silahkan Kopi Pastekan Kode di bawah ini (tepat) di atas Kode tersebut.
  • .quickedit{display:none;}
  • Untuk beberapa pembahasan hal di atas sudah cukup membantu. Namun untuk beberapa pembahasan lain, ada yang mengatakan bahwa hal itu tidak merubah apapun.
  • Jadi untuk yang merasa tidak merubah apapun, silahkan untuk mencari Kode di bawah ini, dan hapus semua arahan tersebut.
  • <b:include name='quickedit'/>
  • Selesai

PENUTUP:
Untuk semua praktek yang saya lakukan, semua hal itu memenuhi kata berhasil. Namun bila teman-teman sekalian merasa tidak berhasil mempraktekkan cara ini, silahkan berkomentar dengan sopan, sebab saya akan sangat senang mampu membantu. Terimakasih sebab sudah menjadi adegan dari goresan pena ini.