Tentu kita telah tidak asing lagi dengan yang namanya “tabel”. Yah, meskipun jarang membuat dokumen dalam bentuk tabulasi, namun tidak ada salahnya jika kita mengetahui bagaimana cara membuatnya. Tabel pada posting ini, kemungkinan akan lebih dioptimalkan melalui kustomisasi CSS. Sedangkan HTML akan tampak seperti biasa saja, sehingga akan berbeda seperti posting tentang cara membuat tabel dalam blog yang pernah kami terbitkan sebelumnya.
Microdata dan RDFa License dalam Blog
Dalam sebuah situs web atau blog, kita dapat menerapkan deskripsi mengenai apa yang terkandung dalam suatu halaman web. Boleh jadi ketika pengguna berkunjung ke blog kita & mengerti ketika mereka membaca halaman web itu. Namun dari sisi mesin penelusur, mungkin mempunyai pemahaman yang terbatas tentang apa yang sedang dibahas di halaman tersebut. Oleh karena itu tidaklah berlebihan apabila kita berusaha agar dokumen HTML atau XHTML dapat pula dipahami oleh mesin penelusuran, dengan catatan dilakukan (markup) secara baik & benar.
Gaya Penulisan Tag Kode dan Blok Kode
Sebagai tindak menambah kebergunakan sebuah posting blog, penerapan semantik markup merupakan salah satu langkah logis agar struktur dokumen menjadi lebih baik. Bukan hanya penyandang disabilitas — saya kira — siapapun pun yang menggunakan pembaca layar pasti lebih mudah membedakan antara paragraf, daftar urut (styling unordered & ordered lists), kutipan & preformatted text, kode, heading dan sebagainya.
Membagi Dua Kolom Elemen Posting
Umumnya elemen posting memiliki satu kolom. Sekarang tindakan apa yang dapat kita lakukan agar kolom posting itu menjadi dua? Sebelum memulai trik tersebut, alangkah baiknya jika kita memahami mengapa sebuah kolom menjadi dua. Pengkoloman terjadi apabila tersedia ruang kosong — biasanya — disebelah kiri pada sebuah elemen dasar, sehingga elemen di bahwahnya akan mengisi ruang kosong tersebut. Sedangkan elemen dasar tersebut harus memperlihatkan struktur inline & penempatan bernilai relatif agar — nantinya — mudah untuk dikustomisasi. Salah satu contoh penerapan adalah pada posting Membuat Template Blog Hasil Karya Sendiri di bagian akhir tentang cara membuat tiga kolom sejajar dalam elemen footer yang ditandai dengan selector .supplementary.
Microdata pada Blogger.com
Sebuah hal yang menarik, ketika Blogger™ memasukkan format microdata dalam desain default template, namun belum tentu berlaku jika kita serta merta menggantinya dengan template bukan default BLogger™. Microdata — seperti juga microformat & RDFa — bermanfaat untuk menerjemahkan informasi yang disertakan dalam tag HTML dengan cara yang dapat dipahami oleh mesin penelusur. Kemungkinan besar hal ini juga bermanfaat sebagai salah satu variabel dalam memperbaiki struktur blog yang telah diterbitkan pada posting sebelumnya.
Membuat Template Blog Hasil Karya Sendiri
Pada posting sebelumnya, kita telah mengetahui tentang dasar penyusunan template di Blogger.com. Sekarang tinggal tergantung pada kreativitas masing-masing dalam menambahkan beberapa selector atau elemen HTML5 agar blog dapat ditampilkan pada layar peramban. Toturial berikut dapat diterapkan dengan cara yang berbeda pada tiap blog & tentu saja tergantung pada pengelola blog yang bersangkutan. Untuk pembuatan blog dari awal mungkin tidak akan menemukan masalah yang berarti, namun jika dilakukan pada blog yang telah memiliki posting, pembaharuan template kemungkinan besar akan meninggalkan residu dari pengkodean template sebelumnya. Adapun agar template kembali segar, maka dibutuhkan sedikit trik untuk melakukan reset template, yakni — dengan cara — pergi ke dashboard Blogger.com, kemudian “terapkan” salah satu template dasar.
Menerapkan Desain yang Responsif
Ketika membuka blog pada layar yang berbeda, mungkin kita akan menemukan satu hal yang unik. Tampilan blog tidak berubah seperti aslinya, terutama bagi blog yang struktur pengkodean menggunakan fixed layout. Tidak jarang kita menggeser ke kanan & ke kiri — lama-lama jari jadi lentik— untuk membaca artikel atau beberapa widget pada sidebar. Idealnya, tampilan yang baik adalah menggeser ke atas & ke bawah.
Skema Pranala dan PageRank
Unjuk gigi dengan kosa kata baru yang diberi nama pranala. Pranala merupakan setiap bagian pautan/tautan informasi ke bagian informasi yang lain melalui internet, dimana dalam HTML tautan dilambangkan oleh elemen <a> (Pranala — Wikipedia.org). Sedangkan peringkat halaman lebih dikenal dengan istilah PageRank. Perlu menjadi perhatian bahwa “PageRank” yang dimaksud pada posting ini bukan dinilai dari peringkat 1 sampai 10. Tetapi lebih diarahkan kepada peringkat situs web atau blog dalam hasil pencarian. Bukan berita baru, tapi masih hangat sampai sekarang, apalagi dengan pembaharuan algoritma panda (Februari 2011)& kemudian disusul dengan penguin (April 2012) oleh Google.
Optimalisasi Konten dalam Blog
Sekedar kilas balik bahwa postingan ini tetap mengacu pada panduan umum Search Engine Optimization (SEO) & merupakan kelanjutan dari beberapa posting sebelumnya tentang judul dan deskripsi blog serta memperbaiki struktur blog. Hal ini kami lakukan agar informasi yang pengguna dapatkan tidak sepotong-sepotong, melainkan satu kesatuan posting yang tidak terpisahkan satu dengan lain.
Penyusunan Dasar Template Blogger.com
Posting ini akan menuturkan tentang beberapa bagian dalam struktur pengkodean dasar template Blogger™, dimana obyek template adalah template Blogger™ yang diakses melalui “Edit HTML”, sehingga opsi Customize dapat diabaikan. Mungkin diterjemahkan dalam bahasa sederhana artinya apabila ingin merubah sesuatu berkenaan struktur pengkodean, maka dilakukan secara manual. Bentuk sederhana HTML pada sebuah situs web atau blog adalah sebagai berikut.
Formulir Kontak Manual
Para blogger tentu sudah tidak asing lagi dengan yang namanya “Formulir Kontak”. Formulir kontak berguna sebagai media interaksi pengunjung agar terhubung langsung ke email pengelola blog. Formulir ini berbeda dengan meninggalkan komentar & memiliki skala yang lebih luas, contoh: memberikan saran berkenaan dengan blog atau permintaan posting, bertanya tentang suatu topik posting ketika komentar pada posting tersebut telah ditutup, dan sebagainya
Navigasi Breadcrumbs dengan Microdata
Anda mungkin pernah membaca posting Menambah Lokasi Link Post (Breadcrumbs Trail) oleh Hoctro. Posting ini juga berhubungan dengan hal tersebut, namun di-aransemen dengan beberapa hack agar muncul di beberapa halaman & ditambahkan format microdata data-vocabulary. Penggunaan data-vocabulary dimaksudkan agar breadcrumbs mampu berdiri sendiri, sehingga akan harmonis dengan format microdata http://schema.org/Blog. Lebih lanjut mengenai breadcrumbs yang didukung beberapa format dapat kita telaah pada Rich snippets — Breadcrumbs.
Memperbaiki Struktur Blog
Struktur blog bukan hanya berkenaan dengan pengkodean template, namun harus dipandang sebagai keseluruhan sistem yang terintegrasi di dalam blog itu sendiri, seperti pengaturan, semantik, dan sebagainya. Ketika kita terfokus bahwa struktur blog merupakan sebuah pengkodean semata, maka jangan heran jika upaya keras yang kita lakukan hanya berkisar antara utak-atik untuk mendapatkan peringkat utama dalam hasil organik (baca kembali posting tentang pemahaman yang saklak tentang SEO).
Widget Posting dan Komentar Terbaru yang Sederhana
Mungkin Anda pernah membaca artikel sebelumnya tentang Trik Blogger | Memasang Posting Terbaru (Recent Posts) & Trik Blogger | Memasang Komentar Terbaru (Recent Comments). Keduanya tidak menggunakan struktur kode daftar urut (unordered list atau ordered list), namun menggunakan horizontal rule (<hr>) sebagai pemisah antar item atau hanya berupa break (<br>).
Optimalisasi Fungsi Peramban dalam Blogging
Peramban merupakan perangkat lunak yang berfungsi menampilkan & melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web. Jenisnya pun bermacam-macam, antara lain Internet Explorer (IE), Firefox, Chrome, Opera dan lain-lain. Di antara beberapa peramban yang telah disebutkan tersebut, mungkin dapat kita kerucutkan menjadi dua yang paling sering digunakan, yakni Firefox & Chrome. Nah, posting ini akan sedikit menjelaskan tentang optimalisasi fungsi peramban melalui “Inspect Elements’ dan sejumlah ekstensi (add-ons) yang perlu diunduh untuk menunjang aktivitas blogging.
Judul dan Deskripsi dalam Blog
Kita pasti sering menggunakan mesin penelusur untuk mencari sesuatu yang dibutuhkan. Khusus untuk informasi posting, biasanya hasil pencarian akan menunjukkan judul, URL (Uniform Resource Locator), dan deskripsi. Opsional, jika kata kunci yang diketik oleh pengguna mempunyai kesesuaian yang sangat nyata dengan judul & deskripsi blog serta posting didalamnya, maka pada baris bagian bawah akan muncul rekomendasi beberapa tautan yang mengarah pada alamat blog tersebut atau lebih dikenal dengan sebutan sitelink.
Pemahaman yang saklak tentang SEO
Kita mempunyai suatu branding dan — tidak munafik — ingin dikenal. Bagaimana caranya agar dikenal? Yah, diberitahukan kepada orang-orang bahwa,
ini adalah branding saya. Bagaimana orang itu tahu, kalau orang-orang sudah kenal dengan branding-nya — sebuah generalisasi sederhana — cari di mesin penelusur.
Umumnya SEO (Search Engine Optimization) merupakan usaha optimalisasi situs web atau blog agar mendapat perhatian dari mesin penelusur, sehingga ketika pengguna mengetikkan kata kunci tertentu, diharapkan halaman situs web atau blog tersebut akan muncul pada hasil pencarian. Apabila kita hanya terfokus pada frase kata mesin pencari, maka akan terjebak dengan pemikiran yang saklak tentang pemahaman makna sebenarnya yang terkandung dalam SEO itu sendiri. Sangat dimungkinkan timbul beberapa paradigma yang berpendapat bahwa SEO itu rumit, SEO itu perlu sekolah, & sebagainya.
Desain Blog dan Aksesibilitas
Ketika berbicara tentang desain, umumnya kerap dihubungkan dengan desain antarmuka (front-end). Yah, sebuah tampilan dari baris markah yang dipertunjukkan oleh layar peramban, sehingga tidak lebih dari sekedar tampilan grafis yang dimaknai dengan sekumpulan kode-kode. Apabila hal ini berkelanjutan — mungkin menjadi sebuah #trending topics — maka jangan terkejut, jika kelak desain yang diartikan seperti tersebut di atas akan tidak bisa diakses oleh suatu peralatan tertentu.
Membuat Halaman Arsip tanpa JavaScript
Setiap blogger pasti tahu, apa yang dimaksud dengan halaman arsip? Ya, betul sekali. Halaman itu terdiri dari kumpulan posting yang tersusun secara teratur, baik berdasarkan tahun, bulan, tanggal terbit, kategori, label, atau berisi keseluruhan item — yang telah disebutkan sebelumnya — dan sebagainya. Banyak sekali metode yang dapat dimanfaatkan untuk membuat halaman arsip, antara lain: menggunakan JavaScript & widget.
Etika Berkomentar dalam Posting Blog
Ketika Anda mengunjungi sebuah blog, bukan tidak mungkin menemui satu atau lebih posting yang menarik perhatian. Namun Anda tidak memiliki kapasitas untuk meninggalkan komentar relevan, sebaiknya jangan dipaksakan untuk berkomentar. Oleh karena komentar yang Anda tinggalkan boleh jadi tidak merupakan sebuah asupan yang berarti bagi pengelola blog atau penulis posting atau pengunjung lain, bahkan bagi posting itu sendiri. Sehingga tidak jarang dianggap sebagai — eksplisit — komentar spam.
Online Tool yang Membantu dalam Blogging
Di samping mengandalkan kemampuan & keterampilan sendiri — diperoleh melalui belajar maupun pengalaman — tidak terlepas pula dengan kebutuhan alat bantu untuk mendukung blogging. Dari sekian banyak situs web yang membantu aktivitas blogging, terdapat beberapa yang menyediakan tool secara online. Nah, berikut sedikit deskripsi dari beberapa online tool yang membantu “Optimasi Blog” dalam menghasilkan karya-karyanya.
Memodifikasi Tanggal Posting (date-header)
Pernah melihat hal yang menarik pada tanggal posting (date-header)? Atau kebanyakan tidak melihat, oleh karena tidak jarang elemen ini dihilangkan? Date Header merupakan kepala (judul) tanggal yang terdiri dari satu atau lebih posting, dimana mereka diterbitkan pada tanggal yang sama. Seandainya hari ini — 21 Oktober 2012 — Anda dapat menerbitkan sebanyak dua posting, maka kedua posting tersebut akan memiliki kepala tanggal 21 Oktober 2012.
Mendaftar dan Mengalihkan Feed via FeedBurner
Ketika kita sedang blog walking atau mengunjungi blog narablog lain, tidak jarang kita menemukan taut langgan (subscribe). Bentuk taut berlangganan pun bermacam-macam, seperti membuat form belangganan melalui email atau hanya menggunakan teks jangkar. Feed memudahkan pengunjung untuk mendapatkan pembaharuan terbaru dari posting dalam blog kita — baik melalui email atau pengumpul feed (umpan) — sehingga layak bagi pemilik blog untuk mengaktifkan layanan tersebut. Ironisnya, tidak jarang kita menemukan taut berlangganan yang masih menggunakan bawaan default blog & ketika di klik oleh pengguna, ia tidak mengarahkan pada suatu layanan — kecuali peramban kesayangan mereka mengakomodasinya — tetapi malah mengunduh isi feed tersebut.
Menu Navigasi Horizontal dan Dropdown
Untuk memudahkan navigasi pengunjung, sering sekali kita menemui menu yang berbentuk horizontal maupun vertikal berada pada suatu tempat tertentu dalam situs web atau blog. Menu tersebut apabila diklik akan mengarah ke halaman tertentu yang dibentuk dalam suatu Uniform Resource Locator (URL) unik. Pun tidak jarang menu tersebut memiliki ‘anak menu’, selanjutnya akan kita sebut dengan istilah dropdown.
Rilis Template Gratis MiMspot
Setelah beberapa lama tidak berhadapan dengan pengkodean Blogger™, akhirnya Optimasi Blog mengeluarkan template gratis yang diberi titel “MiMspot”. Template ini didistribusikan gratis & terkesan minimalis serta sederhana dengan — default — berwarna putih. Nah, apabila Anda melihat demonstrasi yang menampilkan warna latar berbeda, hal itu disebabkan pengkodisian kode yang sengaja dibuat oleh penulis. Berikut adalah tampilan, demo, serta taut untuk mengunduh template MiMspot.
Mendaftarkan Situs Web atau Blog ke Google, Yahoo dan Bing
Jika Anda membaca beberapa posting sebelumnya, seperti Cara Mendaftarkan Blogger di Google Search Engine, Cara Mendaftar Blogger di Search Engine Yahoo & MSN, serta Search Engine Baru dari Microsoft. Sebaiknya menggunakan rekomendasi posting ini sebagai pembaharuan dari ketiga posting yang telah disebutkan di atas.
Toyota Fortuner SUV Terbaik
SUV (Sport Utility Vehicle) merupakan jenis kendaraan penumpang yang digabungkan dengan kemampuan membawa penumpang & juga barang dengan kelincahan truk pickup. Biasanya mobil yang digolongkan sebagai SUV dilengkapi dengan penggerak 4 (empat) roda agar bisa digunakan off-road, salah satunya: Fortuner.
Kustomisasi Setelan pada Preferensi Penelusuran
Posting kali ini akan memberikan informasi tentang beberapa pengaturan pada preferensi penelusuran yang mungkin layak untuk diketahui oleh para blogger. Adapun beberapa pengaturan yang telah disebutkan di atas menggunakan tampilan terbaru Blogger™, sedangkan untuk tampilan lama, kemungkinan akan kehilangan akses menu pengaturan ini.
Hilangnya Taut Hapus pada Komentar
Pernah mengalami “hilangnya taut hapus/delete (item-control)” pada sistem threaded comment Blogger™? Mungkin pula kawan-kawan sudah menemukan solusinya, dengan menambahkan CSS tertentu seperti:
Fitur Blogger Konfigurasi Navbar Off
Tentu narablog telah tahu sebelumnya, tentang cara atau trik blogger untuk menyembunyikan dan/atau menghilangkan navbar Blogger™? Bisa dengan menggunakan CSS — seperti display: none;, visibility:hidden; — atau dengan cara memasukkan HTML <!--<body><div></div>--> di antara <head>…</head> atau sesudahnya.