Articles by "Website dan Desain"

Showing posts with label Website dan Desain. Show all posts

June 18, 2020
Navigasi Breadcrumbs List Blogspot
Navigasi Breadcrumbs List Blogspot
Scope Pembahasan:


Content Artikel:

Berbagi pengalaman Cara Mengatasi Error Breadcrumbs Pada Platform Blogspot di Google Search Console.

Breadcrumbs merupakan navigasi "label tag" yang terdapat pada halaman artikel website atau blog yang berguna  sebagai navigasi untuk memmudahkan pembaca dalam menelusuri artikel demi artikel yang saling berkaitan.

Pada saat mengupload artikel ke console webmaster blogger, google memberikan warning missing field "position" yang artinya adanya kesalahan/ error dengan navigasi breadcrumbs pada struktur data blog. 

Untuk melihat lebih detail kesalahan apa yang terjadi dapat dicek dengan mengunjungi situs search.google.com/structured-data/testing-tool. Pada field Enter a URL masukkan "url link" halaman blog untuk dilakukannya pengujian.

Tunggu beberapa saat sampai selesai, setelah itu maka google akan memberitahukan kesalahan yang terjadi pada struktur breadcrumbs blog.

Error Missing Filed Position Distruktur Data Blogspot
Error Missing Filed Position Distruktur Data Blogspot

Setelah dilakukannya pengecekan pada halaman blogspot rupanya tidak terdapat field content position yang bisa dilihat seperti gambar diatas.

Lengkapnya akan kurang lebih akan terlihat seperti ini script dibawah ini:

<span class='labeltag' itemprop='itemListElement' itemscope='' itemtype='https://schema.org/ListItem'><a expr:href='data:label.url' itemprop='item' typeof='WebPage'><span itemprop='name'><data:label.name/></span></a></span>

 lalu lengkapi script tersebut dengan menambahkan <meta content='1' itemprop='position'/> pada script tersebut. Maka akan menjadi seperti dibawah ini.

<span class='labeltag' itemprop='itemListElement' itemscope='' itemtype='https://schema.org/ListItem'><meta content='1' itemprop='position'/><a expr:href='data:label.url' itemprop='item' typeof='WebPage'><span itemprop='name'><data:label.name/></span></a></span>

setelah itu tekan save.

Sesudah mengikuti langkah demi langkah instruksi diatas, coba lakukan testing lagi.

Dan seharusnya masalah error breadcrumbs yang sebelumnya terjadi seharusnya sudah tidak muncul lagi.

Cara ini hanya untuk, jika blog/ web anda sudah memiliki Breadcrumbs (Navigasi)
Details »

July 08, 2019 ,
Scope Artikel:

Bisnis perusahaan anda belum memiliki Company Profile? Kami MauBergaya menyediakan Jasa Pembuatan Desain Company Profile yang dapat dipercaya dan sangat berpengalaman.

Adapun perusahaan yang pernah kami tangani dibidang Kantor Hukum (Jakarta), Rental Alat Berat (Bekasi) dan lain - lain. 

Apa saja yang bisa anda dapatkan jika menggunakan jasa kami?
  • Revisi Tanpa Batas (Editing Company Profile)
  • Kepuasan Pelanggan 100% (Bergaransi)
  • Hak Cipta Perusahaan
  • Master Data
Berikut ini contoh desain company profile untuk perusahaan rental alat berat :

Cover Front Perusahan Rental Alat Berat
Cover Front Perusahan Rental Alat Berat

Cover Back Perusahan Rental Alat Berat
Cover Back Perusahan Rental Alat Berat
Untuk contoh desain company profile kantor hukum dalam dilihat pada link berikut:


Jika ingin menggunakan jasa kami dalam pembuatan company profile untuk perusahaan anda, kami berlokasi di Jakarta Pusat. Untuk detail kontak bisa klik pada tombol dibawah ini.

Details »

June 04, 2019 , ,
Kegunaan Website Untuk Bisnis Perusahaan Penyewaan Alat Berat Maupun Lembaga Bantuan Hukum
Pembahasan Mengenai

Website merupakan media online yang banyak digunakan untuk memberikan informasi secara luas, cepat dan akurat kepada pelanggan. Untuk itu kegunaan website sangatlah penting dijaman kemajuan era digital yang begitu berkembang sangat pesat seperti sekarang ini. 

Akan tetapi masih banyak juga perusahaan yang belum merasakan manfaat dan kegunaan website secara optimal dikarenakan informasi yang disediakan hanya sebatas profil perusahaannya saja seperti lokasi/ alamat perusahaan, produk image dan struktur organisasi. 

Padahal jika website/ media online selalu "up to date" akan memupuk rasa kepercayaan kepada end users atau pencari informasi yang membutuhkannya.

Lalu bagaimana dapat mengoptimalkan kegunaan website untuk bisnis perusahaan terutama yang bergerak dibidang bisnis penyewaan alat berat maupun lembaga bantuan hukum? 

Untuk itu kedua jenis usaha bisnis dibidang ini (Penyewaan Alat Berat dan Lembaga Bantuan Hukum) jika websitenya dioptimalkan akan mendapatkan banyak manfaat positif untuk kemajuan bisnisnya.
Berikut penulis akan menjelaskan poin - poin untuk mengoptimalkan kegunaan website sebagai media online tersebut;

  • Dokumentasi Kegiatan

Untuk menumbuhkan rasa kepercayaan kepada end users/ pencari informasi yang membutuhkan terhadap kedua jenis usaha ini sangat penting untuk selalu update terkait pekerjaan atau kegiatan yang sudah dilakukan. 

Dengan mempublikasikan hal - hal tersebut pembaca akan sangat senang dan percaya terhadap kredibilitas perusahaannya itu. 

Tentu saja mereka yang membacanya akan tidak ragu untuk menghubungi perusahaan terkait kebutuhan end users atau pembaca. Maka didalam websitenya perlu untuk disediakan dokumentasi untuk setiap kegiatan yang sudah dilakukan.

  • Layanan Private Komunikasi

Tersedianya konten layanan komunikasi yang bersifat private akan memberikan kenyamanan bagi end users terkait hubungan kerjasama yang akan dibangun. Kenyamanan pelanggan merupakan hal terpenting yang harus diperhatikan untuk terciptanya loyalitas kerjasama.

  • Konten Testimony

Hal ini juga sangatlah penting dalam menciptakan nama baik perusahaan. Kerjasama yang berjalan sangat baik terhadap kegiatan yang sudah dilakukan perlu untuk dipublikasikan melalui konten testimony. Sehingga para pengunjung website yang membaca testimony yang telah disediakan akan semakin percaya terhadap kinerja perusahaan.

  • Hubungan Kerjasama

Jika perusahaan memiliki hubungan kerjasama dengan pihak lainnya hal ini sangat penting untuk dipublikasikan juga kedalam website perusahaan. Konten tersebut jika tersedia akan memberikan nilai tambah bagi nama baik perusahaan. 

Karena dari hal ini akan memberikan kepercayaan penuh terhadap kualitas, kapabilitas untuk menimbulkan kepercayaan kepada nilai - nilai baik perusahaan

Itulah sedikit penjelasan mengenai "Kegunaan Website Untuk Bisnis Perusahaan Penyewaan Alat Berat Maupun Lembaga Bantuan Hukum". Selain kegunaannya ada juga manfaat webite bagi perusahaan dalam pengembangan dan kemajuan bisnis
Details »

June 03, 2019 , ,
Inilah 4 Manfaat Memiliki Website Bagi Perusahaan Untuk Kemajuan Dan Pengembangan Bisnis
Website Perusahaan

Scope Artikel
  1. Media Promosi
  2. Kemudahan Berkomunikasi
  3. Menumbuhkan Citra Profesional
  4. Kemudahan Mejangkau Pasar

Sebagai pemilik perusahaan, baik dalam skala besar maupun kecil sangat diperlukan untuk mempunyai website perusahaan sendiri didalam pengembangan bisnis. 

Kemudahan informasi yang diberikan terhadap detail produk yang dipasarkan akan membantu pelanggan dalam mendapatkan informasi yang dibutuhkan. 

Tentu masih banyak lagi manfaat perusahaan jika mempunyai website sendiri didalam pengembangan  dan kemajuan bisnisnya, berikut ulasannya;

#1. Media Promosi Produk
Dengan mempunyai website, pemilik perusahaan atau pelaku bisnis dengan mudah dapat mempromosikan produknya secara global setiap hari tanpa biaya mahal tentunya lebih efesien dan efektif.

#2. Kemudahan Berkomunikasi Kepada Calon Pelanggan
Selain sebagai media promosi, website juga dapat membantu kita dengan cepat berkomunikasi dengan para calon pelanggan melalui email maupun kontak perusahaan yang telah tersedia didalam website.

Situs website yang dibuat secara rapih, menarik dan tersturktur dan dilengkapi dengan profil perusahaan yang lengkap akan memberikan kesan profesional kepada pelanggan sehingga menumbuhkan kepercayaan terhadap perusahaan.

#4. Kemudahan Mejangkau Pasar Secara Global
Didalam menjangkau pasar keuntungan mempunyai website sebagai media branding bersifat tidak terbatas yang artinya bukan hanya dapat dipromosikan daerah tertentu saja melainkan bersifat global (Indonesia atau seluruh dunia).

Dengan menggunakan web sebagai media online yang semakin mudah dan cepat untuk diakses agar didapat detail produk yang dipasarkan.

Demikianlah penjelasan tentang peran dan banyaknya manfaat memiliki website bagi perusahaan untuk kemajuan bisnisnya. 

Selain manfaatnya, website juga memiliki kegunaan yang sangat penting bagi bisnis perusahaan terutama Penyewaan Alat Berat Maupun Lembaga Bantuan Hukum. Yang dapat dibaca pada artikel berikut:

Link: https://maubergaya.blogspot.com/2019/06/kegunaan-website-untuk-bisnis.html

Kiranya apa yang sudah dibahas dapat memberikan dampak positif kepada pelaku bisnis yang ingin mengembangkan dan memasarkan produknya dengan jangkuan luas.
Details »

September 29, 2017 ,
Gambar Tidak Sesuai (No image)

Solusi Mengatasi Gambar Artikel/ Postingan Blog Yang Tidak Sesuai Saat di Share ke Facebook Pada Platform Blogspot


 Contents:


Banyak pengguna website khususnya platform blogspot yang frustasi terhadap blognya saat artikel yang telah dibuat berikut dengan gambarnya, tidak sesuai ketika ingin menshare postingan tersebut ke media sosial Facebook.

Mungkin pernah ada yang bertanya kepada diri sendiri, apakah yang salah tombol social share yang dibuat?

Oiya sebelum lebih lanjut lagi, jika diwebsite anda belum ada tombol social share bisa dibaca Cara Membuat Tombol Social Share FB, G+, Twitter dan LinkedIn dengan Penghitung (Count).

Memang perlu lebih diteliti lagi apa yang menjadi penyebab utama. Berdasarkan pengalaman yang pernah dihadapi biasanya masalahnya itu tidak tersedia meta tag open graph pada website tersebut atau bisa juga belum terpasang dengan benar.

  • Kode Script Meta Tag Open Graph Lengkap

Solusi untuk mengatasi hal tersebut bisa gunakan open graph dibawah ini, dibaca dengan teliti agar tidak terjadi kesalahan ya.

<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
</b:if></b:if>
<!-- Metadata Facebook -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='URL FB' property='fb:admins'/>
<meta content='Id App FB' property='fb:app_id'/>
<!-- Metadata Twitter -->
<meta name='twitter:card' value='summary'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@User_Name' name='twitter:site'/>
<meta content='@User_Name' name='twitter:creator'/>
<!-- Schema.org markup for Google+ -->
<meta expr:content='data:blog.pageTitle' itemprop='name'/>
<link expr:href='data:blog.homepageUrl' hreflang='x-default' rel='alternate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='shortcut icon' type='image/x-icon'/>
<link href='https://URL G+/posts' rel='publisher'/>
<link href='https://URL G+/about' rel='author'/>
<link href='https://URL G+' rel='me'/>

Copas saja script open graph diatas lalu letakkan dibawah "<b:include data='blog' name='all-head-content'/>".

Baca dengan teliti untuk highlight berwarna:

Merah: URL user.name FB setelah "/" (slash). Contoh: https://www.facebook.com/user.name

Biru Muda: Nomor App Id Facebook anda, https://developers.facebook.com/apps/.

Pink: Username dari Twitter anda

Hijau Muda: URL dari Google Plus anda

  • Cek di Situs Developer Facebook

Setelah mengikuti instruksi yang diatas sebelumnya bisa melakukan pengecekan pada developer Facebook silahkan kunjungi https://developers.facebook.com/tools/debug/. Lihat gambar dibawah ini;

Developer Facebook

Untuk melakukan test, silahkan masukkan URL artikel kedalam field  yang kosong lalu klik "Debug". Maka akan terlihat seperti gambar yang diatas. 

Terlihat pada kotak yang warna merah langkah untuk melakukan testing. Gunanya untuk membersihkan caching atau memuat ulang artikel yang pernah dishare ke FB agar menyesuaikan kembali dengan gambar postingan artikel yang seharusnya.

Dan seharusnya masalah tentang gambar artikel blog yang tidak sesuai saat dishare ke facebook sudah terpecahkan.

Jika masih mendapat kendala dalam merapkan langkah - langkah diatas, silahkan untuk meninggalkan pesan pada kolom komentar. Salam MauBergaya
Details »

September 20, 2017 ,
Updated: 19 Desember 2019
Komentar FB Responsive Blog
Komentar FB Responsive Blog

Content Artikel:

Penting pastinya bagi yang memiliki website/ blog pribadi untuk memasang komentar facebook agar semakin interaktif.

Untuk itu MauBergaya akan memberikan caranya bagaimana membuat komentar facebook yang responsive untuk website atau blogspot pribadi anda, dan akan terlihat dibawah artikel terkait.

Caranya sangatlah mudah, untuk itu dibaca dengan teliti ya.

Berikut pembahasannya;

  • Meta Tags Facebook

Untuk langkah pertama harus memasang kode script meta tags dan letakkan dibawah baris <head>.

  1. <meta content='XXXXXX' property='fb:admins'/>
  2. <meta content='XXXXXX' property='fb:app_id'/>

Untuk yang "fb:admins" ambil dari URL FB anda https://www.facebook.com/xxxx.xxxx sedangkan "fb:app_id" ambil dari "kelola aplikasi" pada facebook anda atau copy saja https://developers.facebook.com/apps/ lalu pastekan di URL bar browser yang anda miliki, ambil nomor ID tersebut lalu pasang di XXXXXX.

  • Script Komentar Facebook Dibawah Artikel Terkait

Dan untuk langkah ke dua copas script dibawah ini lalu letakkan dibawah baris <body>.

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
Langkah terakhir letakkan kode script berikut ini tepat dibawah "<b:include name='relatedpost'/>" yang berguna untuk memunculkan komentar facebook tentunya dibawah artikel terkait

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top:20px'><div class='fb-comments' data-num-posts='5' data-width='100%' expr:data-href='data:blog.url'/></div></b:if>
Seharusnya komentar facebook sudah muncul di website/ blog pribadi anda dan tentu saja responsive yang artinya akan menyesuaikan dengan device manapun jika blog anda dibuka.

Semoga tutorial singkat tentang cara mudahnya membuat komentar facebook yang responsive, bisa menambah tampilan untuk blog anda menjadi tambah keren dan interaktif.

Jika ada masalah dalam menerapkan langkah - langkah dalam pembahasan ini silahkan berkomentar dan MauBergaya dengan senang membantu.
Details »

June 05, 2017 ,
Content:

Pentingnya Company Profile untuk perusahaan akan menjadi nilai tambah terhadap calon client yang ingin menjalin hubugan bisnis dengan perusahaan anda. Untuk itu kami MauBergaya menyediakan jasa desain pembuatan company profile.

Berikut untuk cover company profile yang pernah dibuat untuk Lembaga Bantuan Hukum Jakarta

  • Cover Nasional-Desain Company Profile LBH Mawar Saron


Cover Nasional-Desain Company Profile LBH Mawar Saron

  • Cover Jakarta-Desain Company Profile LBH Mawar Saron


Cover Jakarta-Desain Company Profile LBH Mawar Saron

Contoh lainnya untuk desain company profile Rental Alat Berat dapat dilihat pada link dibawah ini:

link: https://maubergaya.blogspot.com/2019/07/trusted-jasa-desain-company-profile.html


On-Call: Bisa hubungi kami segera:

Details »

April 03, 2017 , ,
My Client:

Dalam merancang suatu kegiatan bisnis tentu diperlukan pemasaran/ marketing yang berkelanjutan. Alternatif terbaik di era digital saat ini dalam memasarkan produk sangat baik menggunakan sarana website sebagai alat pemasaran untuk menjelaskan secara detail spesifikasi dari produk yang dipasarkan ke public. 

Untuk itu kami (Mau Bergaya) siap membantu bagi Anda semua jika ingin dibuatkan website untuk kegiatan bisnis anda. Berikut beberapa website yang perna kami buatkan. 

  • Aslawyer-office.com



Merupakan Lembaga Bantuan Hukum dengan owner Abraham Simatupang yang berkantor di gedung world trade center, jakarta selatan

  • Melthanaindah.com



Usaha yang bergerak dalam bidang jasa penyewaan alat berat seperti excavator, trailer, dan dump truck dengan managing director Ronald Purba.

  • Permatajakpus.blospot.com



Ini merupakan lembaga sosial kepemudaan gereja GBKP JakPus yang disebut PERMATA berlokasi Cempaka Putih, Jakarta Pusat.

  • Beritatapanuli.com


Salah satu layanan informasi yang bergerak dibidang Kabar Berita khususnya untuk daerah Sumatera Utara yang diprakarsai oleh Thomson Pasaribu, berlokasi di Tanah Batak.

  • Skylibkac & MauBergaya (blogspot.com)



Merupakan website pribadi saya yang didalamnya terdapat informasi tentang pembelajaran programming, tips kesehatan, analisis saham dll. Tentunya hanya untuk layanan sharing informasi dengan tujuan pembelajaran. Untuk contact bisa dilihat Yan Stevanus Kacaribu
Details »
Subscribe to: Posts (Atom)
Powered by Blogger.