SETTING THUMBNAIL SHARE POST BLOGGER

Setting Thumbnail Share Post Blogger - Masalah yg seringkali terjadi pada thumbnail share post merupakan hilangnya thumbnail image atau gambar postingan waktu page situs web pada share ke social media, hal ini disebabkan lantaran browser social media misalnya twitter dan facebook tidak menemukan meta Open Graph didalam html situs web. Selain itu kasus thumbnail share post yg mungkin banyak dikeluhkan oleh pengembang situs web merupakan rapikan letak (posisi) judul situs web yang dipercaya kurang tepat. Judul situs yg terlalu panjang umumnya tidak terlihat bagus pada thumbnail share post karena dapat menghilangkan fokus audiens yg seharus-nya berpusat pada judul konten (artikel).
Artikel ini akan membagikan sedikit tips mengenai cara mengatur tampilan (thumbnail share post) situs web menggunakan memanfaatkan meta open graph, ini adalah trick yg paling gampang buat mengatur "setting" thumbnail share post agar lebih menarik dan lebih menonjol di social media (twitter, gplus serta facebook).

Yang harus dilakukan buat membuat thumbnail share post yg menarik serta menonjol merupakan, silahkan masukkan Tag Meta dibawah ini ke dalam html situs web, Posisikan meta tag diantara tag serta , yang lebih sempurna letakkan di bawah kode epilog .

Save template dan lihat hasilnya, dengan catatan "thumbnail share post" akan berubah sesudah cache situs web pada browser hilang, umumnya 1 x 24 jam atau paling lama 2 hari setelah menerapkan tag meta diatas.
Jika sebelumnya situs web sudah memiliki meta open graph seperti yg tertera diatas maka tidak perlu mengganti seluruh-nya. Cukup lakukan sedikit perubahan saja pada tag meta misalnya berikut ini buat mengatur thumbnail share post yg lebih relevan.

Thumbnail Share Post (Twitter Social Media)

Cari dan temukan sebaris kode berikut didalam html situs web
Kemudian ganti kode tersebut menggunakan;
Selanjut-nya tamnahkan property image width serta height supaya gambar (thumbnail share post) pada social media twitter terlihat lebih besar dan menonjol.

Thumbnail Share Post (Facebook Social Media)

Cari serta temukan sebaris kode tag meta berikut didalam html situs web;
Kemudian masukkan tepat dibawahnya kode tag meta berikut;

Kode tag meta tadi berfungsi buat memerintahkan browser social media facebook hanya menampilkan judul halaman (judul artikel) dan menyembunyikan judul situs berdasarkan thumbnail share post.

Silahkan share artikel ini ke beberapa jenis social media engkau untuk melihat live demo thumbnail share post situs ini, pengaturan yang aku terapkan lebih kurang sama persir misalnya yang sudah dijelaskan, apabila engkau telah paham dan mengenal secara rinci tentang meta tag yang mengatur thumbnail share post, engkau bisa mengubah tag meta yang sudah terdapat dengan tag meta yang saya bagikan diatas.
Catatan: Ganti id facebook, twitter dan username google plus yg telah ditandai menggunakan huruf tebal menggunakan id dan username anda sendiri.
Demikian saja "Setting Thumbnail Share Post Blogger", semoga bermanfaat dan dapat membantu anda pada mengatur ukuran gambar serta judul yg ditampilkan pada thumbnail share post situs web anda. Jangan lupa subscribe jika artikel ini benar-benar membantu.

SETTING META TAG OPEN GRAPH MEDIA SOSIAL FACEBOOK TWITTER DAN GOOGLE

Setting Meta Tag Open Graph - Dalam global blogging meta tag open graph tentu sudah nir asing lagi bagi para blogger yang telah mempunyai poly jam terbang. Bahkan sebagian blogger mengangap bahwa meta tag Open Graph merupakan galat satu teknik optimasi SEO. Sebenarnya menerapkan meta tag Open Graph ke dalam html situs web tidak akan memberikan efek SEO secara langsung atau spontan, Akan tetapi meta tag Open Graph akan memengaruhi kinerja tautan situs web pada media sosial. Sekitar tahun 2010 Open Graph mulai dikenalkan sang facebook, open graph mempromosikan integrasi antara Facebook serta situs web lain serta memungkinkan situs web kaya akan "grafik".
Penjelasan sederhana-nya Open Graph menjadi kontrol terhadap perpindahan berita menurut situs web ke facebook serta menurut facebook ke situs web waktu laman atau tautan situs dibagikan, disukai dll, Secara teknik informasi tersebut dikirim melalui meta tag Open Graph yg dipasang di bagian situs web.

Meta Tag Open Graph Dasar

Berikut ini adalah meta tag Open Graph yang paling dasar buat di terapkan  pada header situs web, lebih tepatnya meta tag open graph di letakkan diantara kode serta pada html situs.

Catatan: Meta tag tersebut belum final serta masih perlu perbaikan di beberapa bagian, aku sengaja memisahkan meta tag basic (dasar) menggunakan metode atau cara memperbaiki meta tag open graph tersebut supaya aku bisa menjelaskan beberapa fungsi berdasarkan bagian-bagian meta tag Open Graph.

Mari kita simak contoh thumbnail meta tag open graph home page pada gambar pada atas, thumbnail tadi tentu nir terbentuk begitu saja melainkan meta tag open graph yg mengatur nya. Perhatikan indikasi menggunakan nomor 1 sampai 4, Ke-empat bagian tadi diatur oleh 4 property meta tag open graph yang berbeda misalnya berikut;

1. og:image - untuk menampilkan gambar thumbnail
2. og:site_name - judul situs
3. og:description - deskripsi situs
4. og:url - url atau tautan situs

Penerapan pada html (meta tag open graph yg ditempatkan pada header situs) merupakan misalnya berikut adalah;

Atau buat situs blogger meta tag open graph bisa di kombinasikan dengan tag data sebagai akibatnya sebagai misalnya dibawah ini.

Tag data expr:content contoh: data:blog.metaDescription akan secara otomatis meng-ekspor data deskripsi situs web untuk pada tampilkan sang meta tag open graph. Kemudian dalam property og:image  kita perlu menambahkan meta tag property width serta height untuk mengatur lebar serta tinggi gambar thumbnail ketika tautan di share ke sosial media (Facebook, Twitter, serta Google+), berikut meta tag nya.

Catatan: settingan meta tag open graph seperti diatas hanya sebagai contoh serta hanya berlaku pada sosial media facebook serta google plus saja, sedangkan meta tag untuk twitter akan sedikit berbeda karena twitter memiliki meta tag sendiri yaitu "Twitter Card" namun jika robots twitter tidak menemukan meta tag twitter card pada situs web maka twitter akan mengambil data dari meta tag Open Graph. Berikut ini saya akan membagikan meta tag open graph lebih lengkap serta sudah di optimalkan (Perpaduan meta tag Open Graph dengan Twitter Card). Kamu dapat menerapkan-nya ke dalam html situs blog (blogger) yang kamu kelola.

Instruksi:

• Ganti semua yang ditandai menggunakan warna merah dalam meta tag open graph di atas (url gambar, id facebook, id fanspage, app id, id gplus, username twitter dll) dengan id sosial media engkau sendiri.
• Letakkan kode meta tag open graph diatara kode serta pada html situs blog anda.

Untuk menguji atau melihat preview open graph silahkan share artikel situs ke sosial media seteleh 24 jam sejak memasang kode meta tag open graph. Perubahan mungkin tidak akan langsung terjadi dikarenakan cache situs atau engkau bisa menggunakan tool Open Graph Preview buat melihat thumbnail meta tag open graph.

Kenapa Meta Tag Open Graph Sangat Penting

Saya fikir kita semua putusan bulat bahwa konten adalah tulang punggung buat mendatangkan visitor ke situs web. Namun terkadang pada pemasaran konten atau post baru mengalami kesulitan buat menjangkau khalayak yg lebih luas. Solusi yang paling mudah untuk mengatasi hal tersebut merupakan dengan menyebarkan di media umum.
Pemirsa besar yang ada di Facebook serta Twitter sering kali menjadi batu loncatan setiap konten baru untuk mendapat rating di serp melaui jumlah tayangan laman yang di dapat. Tanpa pengoptimalan meta tag open graph tentu saja sulit bagi konten untuk bersaing di media sosial kerena umumnya media sosial populer (facebook, Twitter, LinkedIn, serta Google+) memanfaatkan meta tag open graph untuk mengenali situs serta memaksimalkan kinerja tautan situs di laman mereka.

Meta Tag Open Graph Tester

Menurut saya optimasi meta tag open graph misalnya yg saya bagikan telah relatif baik buat situs blogger, tetapi apabila kamu masih ingin melakukan meningkatkan secara optimal (pengoptimalan meta tag) kamu bisa memeriksakan meta tag open graph situs kamu dengan bantuan tool facebook developers debugger [kunjungi laman].
Disana kamu dapat melihat missing meta tag open graph serta mendapatkan instruksi untuk memperbaiki bagian-bagian meta tag yang mis (error).
Demikian artikel "Setting Meta Tag Open Graph Media Sosial (Facebook, Twitter, serta Google+)", lebih serta kurang mohon maaf. Akan datang saya masih akan membahas mengenai meta tag lainnya yang bermanfaat untuk situs web, subscribe situs ini untuk mendapatkan pemberitahuan "informasi atau artikel" terbaru mengenai meta tag serta trick-trick blogging lain-nya. See you bye!

COMPLETE GUIDE SETUP SEO WEB BLOGGER

Set-Up SEO Web Blogger - Platform Blogger.com dalam dasarnya telah pada desain atau sudah memiliki fitur serta pengaturan yg mendukung pengoptimalan mesin telusur "search engine optimizer" atau generik disebut SEO (Search Engine Optimization). Hanya saja mungkin banyak blogger pemula kurang mengerti bagaimana seharusnya memaksimalkan pengaturan "Settings" blogger agar web/blog lebih SEO Friendly serta bisa bersaing pada page hasil penelusuran Google, Bing, Yahoo serta Yandex "Search Engine Results Pages (SERP)".

Manfaat serta Tujuan SEO (Search Engine Optimization)

• Meningkatkan volume trafik organik
• Menargetkan konten ke audiens (calon pengunjung) yang tepat
• Mempertahankan PageRank (Ranking) page secara terus-menerus

Jadi dalam kesempatan kali ini saya akan memberikan tips serta trik seo pada platform blogger menggunakan mengoptimalkan "Setup" beberapa pengaturan serta fitur pendukung web blogger. Berikut langkah-langkah SEO Blogger yg wajib dilakukan.

Optimasi Header Blog

Buatlah nama serta domain unik buat situs blog anda contohnya "Borisinil" serta url yg dipakai borisinil.blogspot.com atau borisinil.com buat custom domain.
Kemudian setting serta aktifkan Description serta isi pelukisan blog menggunakan kalimat yg mengandung istilah kunci yg memberikan citra tentang judul serta niche situs.

Meta description berfungsi buat menampilkan cuplikan "berita" tentang berita sebuah laman web pada halaman hasil pencarian. Cuplikan atau paragraf pendek yang ditampilkan pada deskripsi situs sangat membantu untuk menaikkan jumlah klik (trafik) situs.

Pada dasarnya fungsi pelukisan adalah buat memberikan liputan yg lebih kentara kepada user mengenai url web yg mereka lihat di laman output pencarian, terkadang mesin pencari juga memanfaatkan kata kunci yang ada dalam deskripsi apabila istilah kunci yang cari sang user tidak ditemukan pada pada halaman web.

Mengoptimalkan Konten Blog

1. Buatlah judul konten "artikel" menggunakan kalimat yang kentara serta singkat
2. Hindari penggunaan istilah yg berulang pada judul artikel.
3. Hindari penggunaan URL yang terlalu panjang pada url konten/artikel.
4. Sisipkan kata kunci dalam judul artikel, URL serta deskripsi artikel.

1. Teknik Penulisan Artikel Agar SEO Friendly
Konten "Artikel" yang SEO Friendly memiliki 3 ciri spesial yaitu; Deskriptif, Informatif serta Fresh atau ide baru, jika tiga ciri tadi sudah terpenuhi 80% artikel sudah seo friendly, buat menerima nilai atau ranking yg lebih pada search engine sedikit tambahan teknik seo perlu diterapkan buat mengoptimalkan konten / artikel, berikut penerangan lengkap nya;

• Buatlah konten atau artikel menggunakan penjelasan yang lengkap serta nir bertele-tele.
• Gunakan "bullet list" buat mengumpulkan poin-poin materi.
• Gunakan long tail keyword buat mendukung kata kunci primer artikel.
• Buat deskripsi artikel menggunakan kalimat jelas (deskriptif) serta berisi kata kunci
• Gunakan subheading (heading tag) pada artikel yang panjang
• Hubungkan antar artikel yg mempunyai keterkaitan yg sangat dekat dengan menggunakan tautan.
• Gunakan atribut "nofollow" dalam url pihak ketiga atau external links.

2. Optimasi Multimedia "Gambar atau Image"
Salah satu perayap google yg paling berpengaruh terhadap indexing serta crawling situs web merupakan googlebot-image, Itu sebabnya pada dalam sebuah artikel hendaknya disertakan multimedia pendukung misalnya seperti gambar, tujuan-nya supaya artikel lebih gampang dikenali serta dapat ditemukan pada page hasil pencarian menggunakan poly cara.
Untuk memaksimalkan perayapan "googlebot-image" terhadap halaman web atau artikel perlu dilakukan beberapa pengoptimalan dalam gambar artikel yaitu;

• Tambahkan Caption serta Tag Alt Image dalam gambar yg di upload kedalam artikel
• Sisipkan kata kunci primer artikel dalam teks Caption serta Tag Alt Image
• Gunkan file gambar yg sesuai menggunakan standard web (PNG, JPG, GIF, and SVG)
• Hindari penggunaan gambar diatas 500kb

Selain memaksimalkan konten di mesin telusur, penggunaan gambar menggunakan size yang lebih kecil jua bermanfaat buat menjaga kecepatan pemuatan "loading" situs web/blog.

SEO Strategy

Apa yg dimaksud menggunakan SEO Strategy? Mengapa SEO membutuhkan strategy? Selain mengoptimalkan konten serta keyword, Optimasi SEO juga membutuhkan strategy buat menunjang konten yang sudah dioptimalkan pada mesin telusur serta berikut adalah merupakan beberapa strategy yg harus diterapkan pada Optimasi SEO Blogger.
1. Membuat Navigasi Situs Yang Jelas

• Kelompokkan artikel dengan menggunakan tag label
• Hindari penggunaan tag label yg berlebihan (Ideal nya 1 sampai dua tag label)
• Hindari penggabungan tag label yang antagonis misalnya "SEO, Cooking", yg sahih merupakan "SEO, Blogging".

Fungsi tag label pada dasarnya adalah buat membuat kategori artikel/mengelompokkan konten berdasarkan kategori, kemudian didukung dengan Breadcrumb akan memudahkan mesin pencari menemukan konten atau artikel menurut kategori (tag label).

2. Optimasi Blog pada Sosial Media

Mengapa wajib mengoptimalkan blog pada sosial media? Dalam global blogging sosial media merupakan alat kenaikan pangkat situs/konten yang paling efektif, secara nir pribadi grafik kemudian lintas (trafik) yang diperoleh melalui sosial media pula menghipnotis "memberikan efek baik" terhadap rating konten serta situs itu sendiri pada search engine serta yg wajib dilakukan untuk mengoptimalkan situs web pada sosial media adalah;

• Setting thumbnail share posts serta header blog supaya lebih menonjol pada Sosial Media (Facebook, Twitter, Gplus, Pinterest, LinkedIn serta sebagainya)
• Membuat halaman sosial media yg serupa menggunakan nama (judul situs web), ini bertujuan agar keyword situs bisa mendominasi halaman output penelusuran search engine "google".
• Kaitkan halaman sosial media menggunakan situs blog buat membangun backlink positif
• Bagikan setiap post yg di publikasikan di situs blog ke laman sosial media, buat mendongkrak keterlihatan (Fanspage Facebook, Twitter, Gplus, Pinterest, LinkedIn dsb) dilaman hasil pencarian search engine.

Sebagai contoh meningkatkan secara optimal SEO dengan memanfaatkan sosial media, cobalah ketikkan Keyword "Halaman Kepri" pada penelusur anda, hampir 100% halaman hasil pencarian dikuasai sepenuhnya oleh situs tadi.

3. Memaksimalkan Kecepatan Pemuatan Situs

• Asynchronous bundling javascript yang memblokir rendering
• Kurangi penggunaan inline css pada html situs
• Minify JavaScript, CSS serta HTML Situs
• Gunakan Tag DNS Prefetching, atau
• Gunakan template AMP bila memungkinkan.

Prioritas utama google dalam mesin pencari merupakan mengutamakan kenyamanan pada pengguna-nya khususnya pengguna mobile device. Oleh karena itu google mengajak semua pengembang situs buat menciptakan website yg mobile friendly (ramah seluler), Dan bukan rahasia umum apabila google memprioritaskan situs yang lebih cepat di mesin pencarian nya.

4. Membantu Penelusur Menemukan Konten Situs

1. Hindari pencekalan perayapan yang hiperbola sang robots.txt
2. Submit sitemap atau peta situs ke webmaster tools "Google Search Console"
3. Tambahkan Breadcrumb ke situs web/blog
4. Aktifkan/Buat Tag lokasi buat mengoptimalkan konten di pencarian lokal
5. Gunakan meta keyword blogger
6. Perbaiki markup structured data situs

Lakukan hal serupa "submit sitemap" dalam webmaster bing, yahoo serta yandex agar konten situs (artikel) bisa ditemukan pada laman output penelusuran mereka.

5. Membangun Backlink Secara Berkala

Setiap konten situs blog yg sudah di index oleh perayap google biasanya telah mendapatkan backlink (tautan kembali) dari google, namun itu belum relatif buat menaikkan rating situs lantaran situs web lain jua menerima backlink serupa, berikut tips membangun backlink situs;

• Upload arsip video atau gambar original ke dalam konten situs (file original adalah umpan buat menerima backlink berkualitas saat file dipinjam oleh situs lain)
• Berkomentar pada situs-situs terkenal secara berkala serta pilih situs yang memakai kolom komentar menggunakan link situs (Forum profile).
• Menulis pada blog guest posts atau lembaga-forum terbuka.

Terakhir kaitkan situs blog dengan Google Analytics, bagian ini sebenarnya hanya buat menganalisa kinerja situs baik performa juga keberadaan situs pada halaman output penelusuran, melalui hasil analisa tadi kita dapat menetapkan langkah-langkah apa saja yg harus dilakukan untuk menunjang perkembangan situs serta pengoptimalan mesin telusur (SEO).
Tutorial diatas merupakan adonan teknik SEO On-Page serta SEO-Off  Page, diterapkan dengan benar maka situs blog sudah tergolong seo friendly sehingga hampir tidak perlu lagi mempelajari teknik SEO On-Page serta SEO-Off  Page melainkan hanya memahami dasar-dasar materi nya saja.
Demikian "Teknik SEO Blogger" yang bisa aku sharing sama sahabat-teman blogger, semoga dapat membantu anda pada mengoptimalkan blog di mesin telusur (Search Engine Optimization). Berikan donasi anda mengenai teknik SEO buat menyebarkan "Blogging" di indonesia melalui kolom komentar jangan lupa Subscribe sebelumnya.