Useful SEO Tips To Help Get a Top Ranking Position In Long Run

Most of the businesses today, have gone online and possess an appealing website that conveys information regarding the offerings of the company. Most of the marketing strategies today revolve around internet as it has become the basic need of the hour. However, the competition has also increased to a great deal with online businesses. In order to enhance the sales and generate leads,the businesses have to undergo a tough competition. The only solution for gaining recognition online is acquiring a top position in the search engine ranking.In order to obtain such a position you need to be aware of the top SEO tips.

With the changing time and introduction of new and innovative technology, it becomes important to perform a research before initiating the search engine optimization process. It is due to the fact that newly introduced strategies and tools gain priority over the SEO tools used previously. So, you need to be aware of the recent top SEO tips in order to achieve your goals. This article talks about some of the most effective SEO tips that will help you in enhancing the search engine ranking of your website in long run.

Unique and keyword rich content

Quality content is the top notch priority of a website. The business organizations should ensure that they write unique and quality content for their websites using appropriate keywords. You should prefer to focus the content on the services and offerings of the company. Keywords used in the content should also be specific and related to the Industry in which the company is operating. These keywords play an important role in increasing the ranking of the website.

Join Google Plus communities and other social media platforms

Online communities are gaining hugepopularity among the people and most of the people are now members of some or other communities operating online. Google Plus is one of them through which you can get connected to the people with common interests. You can promote your website in these communities and can gain popularity as these communities are always in growing phase with new members adding every now and then.

Use tags like IMG ALT

IMG ATL is a tag that makes an image friendly to search engines. Whenever a search with a related keyword is performed, the image tagged with IMG ALT appears in the search results. So, tagging the images on the website can also provide positive results.

Optimize for Mobile friendly site

Most of the users today prefer using internet on their smart devices like Smartphones, tablets etc. The websites which are designed for computer systems take time in loading on mobile phones. Therefore, it is necessary that the companies get a mobile website designed for their business so that they can easily reach the customers using mobile phones. This can help the business in enhancing their online visibility.  

Focus to Link Building

Developing links with high quality pages can also prove to be effectual in driving traffic to your official website. Make sure, you do not get spam links as it might affect your ranking.

Local Optimization For site

If you wish to get recognized, you can get your business registered with Google Places. This enhances the visibility of your website and its name appears whenever a search with related keyword is done.

Apart from the above discussed effective tips, there are some other tips like using anchor texts and creating pages on social networking websites that can aid in enhancing the ranking of your website. Remaining updated with the recently introduced SEO tools and tips can also be helpful in occupying and maintaining a top notch position online.

Choosing The Right Firm For Your SEO Needs

What Is SEO

 SEO is short form for search engine optimization. It is the technique of optimizing the content of your site as per the needs of search engines. Search engines have rules by which they decipher websites on subject matter and pick them for display on related search terms. When you have a website on a particular product or service, you need to optimize the content and the layout in such a manner that search engines are bound to index your site for searches related to the particular category. There are many firms who can help you to achieve this but you need to know how to pick the firm with the optimal pricing strategy.

Different SEO Pricing Packages

When it comes to picking up a firm which offers SEO it is not much of a problem. The problem lies in deciding whose pricing techniques are robust. There are various online marketing firms these days. There are a wide range of marketing services that they offer to their clients. Their pricing packages are different in different ways. Some offer prices as per the marketing package deal you want. Others will offer a comprehensive package while they charge a lump sum fee which is a contract fee. You need to understand the working of a firm and the way they price their packages. There are several who are reputed and they have a premium rate for their services.

Know Your Requirements First

If you are determined the optimal SEO pricing strategy, you need to find out what your unique requirements are:
•    You may be an established brand that is looking for ways to fortify their presence online. For that  
       you need to employ the services of a marketing firm on a long term basis. In such cases, taking
      on the services of a required branding firm will help to further fortify your online presence

•    When you are a fledging or a small business, you need to keep your online marketing budget
      small which can be done by taking up SEO services that are inexpensive. Many will add in social
      media marketing services as well which makes your marketing more comprehensive and full-on
      approach.

Different Pricing Methods

The different SEO firms have different kinds of advertising and online marketing packages. When you have decided what it is that you want, you can either opt for a retainership model where you need to pay monthly fees. Others come on contractual bass while others will offer online marketing package deals. There are advantages and limitations of any technique you take up.

Package Deals Or Comprehensive Service

There are different package deals that are applicable when you wish to obtain a personalized service and not a full pronged marketing plan. Hence, you might look for SEO optimization, backlink creation, search for the right keywords and so forth. There are different online marketing techniques that get broken down in such package deals. You need to have a working online marketing team who would know what to opt for and when. On the other hand, if you do not have any online marketing expertise and do not have time to deal with it, you need to opt for the online marketing plan which is available on contractual basis. They will come on board, understand your SEO requirements and then tailor make the online marketing campaign for your site. That will surely put your worries at rest and you will soon see results from the increased page rankings of your site and more online traffic flowing in.

This is the easiest way   to optimize  your content in
Blogger. You just need to focus on the images.Most
of articles  contains  with  few  images. Did you ever
think,  you  can  generate  ton of   traffic  from image
based  search  engines  like  Google  images.  If you
want   to   get  more traffic   you  must know, how to
Optimize your images.

How It's work

For example, Think Google comes across the following image.



Normally we are using <img> tag for images.Therefore Search engine only know that's image URL.
All of we can see its image of the car,but search engine cannot understand it.Hence we have to give some alt and description tag to help search engine for better understanding images.

Use Correct images

For example, If you are going to write a article about cars.Just find the car image for your article.Actually image gives thousands of words.Thats why you need to choose content related image.An article wihout an images is just dull and boring.

Rename your photo according to article

If you want to optimize your images even further,You need to change file name.Because you have to target your keywords.Once you have your keywords ready.You need to use them as file name. lets say,You are trying to use keyword as "Sport car".But, what i see more people named thier image as 1234.jpg.This is not the correct way.You have to rename it as sport-car.jpg.

Alt tags.

Alt tag is alternative text if the image cant be displayed.( slow connection) Actually its useful for visitors and search engines.Text should also contain keywords when describing the image.Thats why its good idea to  use important keywords in alt tag.This is how you should add it.
<img src="sport-car.jpg" alt="Sport car" />

How to add Alt tag to blogger images.

1. Log in to blogger
2. Click new post and add a image like usual.



3.After that select you image and when it get highlighted, you can see option bar like below.

4. Now Click on properties and add Title text and Alt text.

Anchor Text

If you are linking to your image using text, you have to use anchor text that includes your  keywords
which helps to describe your image.This can be similar description text you ussed in alt tags.

Hope this helps to optimize you image for maximum search engine result.other Thigs is make sure image file size should be kept as low as possible.It help to improve your site speed.If you have any other awesome tips, share with us.Comment are welcome.

Optimize Images for Increase Blogger Traffic

This is the easiest way   to optimize  your content in
Blogger. You just need to focus on the images.Most
of articles  contains  with  few  images. Did you ever
think,  you  can  generate  ton of   traffic  from image
based  search  engines  like  Google  images.  If you
want   to   get  more traffic   you  must know, how to
Optimize your images.

How It's work

For example, Think Google comes across the following image.



Normally we are using <img> tag for images.Therefore Search engine only know that's image URL.
All of we can see its image of the car,but search engine cannot understand it.Hence we have to give some alt and description tag to help search engine for better understanding images.

Use Correct images

For example, If you are going to write a article about cars.Just find the car image for your article.Actually image gives thousands of words.Thats why you need to choose content related image.An article wihout an images is just dull and boring.

Rename your photo according to article

If you want to optimize your images even further,You need to change file name.Because you have to target your keywords.Once you have your keywords ready.You need to use them as file name. lets say,You are trying to use keyword as "Sport car".But, what i see more people named thier image as 1234.jpg.This is not the correct way.You have to rename it as sport-car.jpg.

Alt tags.

Alt tag is alternative text if the image cant be displayed.( slow connection) Actually its useful for visitors and search engines.Text should also contain keywords when describing the image.Thats why its good idea to  use important keywords in alt tag.This is how you should add it.
<img src="sport-car.jpg" alt="Sport car" />

How to add Alt tag to blogger images.

1. Log in to blogger
2. Click new post and add a image like usual.



3.After that select you image and when it get highlighted, you can see option bar like below.

4. Now Click on properties and add Title text and Alt text.

Anchor Text

If you are linking to your image using text, you have to use anchor text that includes your  keywords
which helps to describe your image.This can be similar description text you ussed in alt tags.

Hope this helps to optimize you image for maximum search engine result.other Thigs is make sure image file size should be kept as low as possible.It help to improve your site speed.If you have any other awesome tips, share with us.Comment are welcome.

Cara Mengatasi Favicon Blogger

Biarpun kecil bentuknya, favicon ini merupakan salah satu unsur sebuah blog atau web yang terbilang cukup memberikan nilai positif pada sebuah web atau blog.

Favicon merupakan sebuah icon sebagai identitas sebuah blog yang biasanya tampil pada tab browser. Keberadaannya memberikan kesan professional sebuah blog. Selain itu favicon juga memberikan tambahan nilai SEO sebuah blog. Coba saja Anda cek pada beberapa web yang menyediakan pengecekan nilai SEO sebuah blog. 

Ketika kita membuat sebuah blog di blogger, maka secara otomatis kita menggunakan favicon blogger yang semuanya pasti sudah tahu kan? Huruf B unik di dalam kotak orange. Nah jika Anda ingin menggantinya dengan favicon sendiri, tentunya kita bisa menggantinya. Ada dua cara mengganti favicon blogger yaitu lewat edit HTML dan mengupload langsung favicon di tata letak.

Untuk membuat favicon Anda bisa menggunakan jasa web yang menyediakan tool favicon generator online, bisa Anda search di internet. Yang perlu Anda persiapkan adalah sebuah gambar segi empat sama sisi.

Untuk mengganti favicon yang melalui edit HTML, caranya Anda tinggal menyimpan link seperti di bawah ini dan letakan di bawah kode head. Biasanya disimpan setelah deretan kode meta tag.

<link href='URL FAVICON ANDA' rel='shortcut icon' type='image/x-icon'/>

Dan untuk mengganti favicon lewat tata letak caranya cukup mudah. Tinggal masuk ke tata letak >> kemudian klik "Edit" pada gadget Favicon di sebelah kiri atas. Kemudian silahkan upload favicon Anda.

Nah sampai di sini blog kita sudah menggunakan favicon unik kita sendiri. Namun ada permasalahan lain yang sering tidak kita sadari termasuk saya heehehe... Setelah saya perhatikan pada blog saya, setelah kita memberi komentar atau membalas komentar, maka favicon blog kita berubah lagi menjadi favicon blogger. 

Pada saat itu saya mengganti faviconnya dengan trik pertama yaitu menambahkan link favicon lewat edit HTML. Kemudian karena ada masalah seperti di atas, favicon blog kita berubah lagi menjadi favicon blogger ketika berkomentar, saya mencoba trik melalui tata letak, namun link favicon yang sudah ada di edit HTML tidak saya hapus. Setelah beberapa saat kemudian saya coba dengan memberikan komentar, dan akhirnya permasalahannya tuntas, faviconnya tidak berubah lagi menjadi favicon blogger.

Jadi intinya jika Anda mengalami permasalahan yang sama seperti saya tadi, maka coba gunakan kedua trik di atas untuk mengatasinya. Setidaknya itu yang telah saya lakukan untuk mengatasi favicon blogger ini dan berhasil.

Semoga dapat dimengerti dan bermanfaat.

Cara Memasang Video Youtube Di Blog Agar Valid HTML5 Dan SEO Friendly

Seperti biasa, ini adalah pengalaman tentang kutak-katik blog hehehe... Sebenarnya saya tidak menyadarinya selama ini karena sudah menganggap bahwa cara memasang video Youtube selama ini sudah valid HTML5, jadi saya tidak mengecek ke-SEO-annya. Ternyata pagi ini ada pertanyaan dari teman , Mas Aulia pemilik Abitalita Blog yang ketika mengecek skor SEO templatenya di Chkme terdapat error/bad pada iframe.

Ketika saya lihat pada page source blog Mas Aulia, ternyata pada salah satu artikel yang sekarang tampil di homepage-nya terdapat iframe dari video Youtube. Nah untuk itu kini saya cara memasang video Youtube agar valid HTML5 dan SEO Friendly setelah saya kutak-katik karena saya searching di Google tidak menemukannya.

Biasanya kode embed video Youtube akan seperti di bawah ini:

<iframe width="560" height="315" src="http://www.youtube.com/embed/Bgt9g1q-xj0?rel=0" frameborder="0" allowfullscreen></iframe>

Namun ketika dicek pada validasi HTML5, kode embed di atas tidak valid HTML5. Jadi kalau mau valid HTML5 kodenya harus dirubah, perhatikan kode berwarna merah di atas silahkan ganti dengan tana kutip (") sehingga menjadi seperti di bawah ini.

<iframe width="560" height="315" src="http://www.youtube.com/embed/Bgt9g1q-xj0"></iframe>

Nah dengan cara di atas, kode embed video Youtube sekarang sudah valid HTML5. Namun ternyata setelah dicek untuk skor SEO template, iframe pada kode tersebut error/bad. Nah untuk mengatasinya silahkan gunakan cara di bawah ini.

Ketika Anda klik tombol embed video di Youtube, silahkan gunakan kode embed lama Youtube dengan memberi tanda centang pada "Use old embed code". Dan kodenya akan seperti di bawah ini.

<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/Bgt9g1q-xj0?hl=en_US&amp;version=3&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Bgt9g1q-xj0?hl=en_US&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Perhatikan kode yang berwarna merah, silahkan hapus kode tersebut dan kode yang berwarna biru ganti dengan tanda (/), sehingga penampakannya akan seperti di bawah ini.

<embed src="http://www.youtube.com/v/Bgt9g1q-xj0" width="560" height="315"/>

Nah sekarang coba cek validasi HTML5 di W3C dan skor SEO templatenya di Chkme. Bagaimana, mudah kan? Semoga pengalaman ini dapat bermanfaat bagi kita semua.

Ini memang pekerjaan sepele, hanya menyimpan gambar di postingan atau di blog. Karena pekerjaan sepele, maka banyak orang melupakan dan melewati hal yang dapat mengurangi nilai SEO dan ke-valid-an HTML5 termasuk saya sendiri hehehe...

Hal-hal sepele tersebut diantaranya:

1. Size gambar yang besar. Sebaiknya gambar yang akan disimpan di blog memiliki size di bawah 100 kb, karena gambar dengan size besar akan menambah berat beban blog. Agar gambar yang disimpan di blog berkualitas bagus namun memiliki size yang kecil, Anda bisa mengompress size gambar.
2. Lupa memberikan tag "alt" dan "title". Hal ini dapat mengurangi nilai SEO blog dan memberikan error pada validasi HTML5.

Hal tersebut di atas akan bertambah parah lagi ketika kita menyisipkan sebuah link pada gambar tersebut. Biasanya hal ini terjadi ketika kita menyimpan banner iklan di blog atau lainnya.

Biasanya ketika kita mengupload gambar di postingan atau blog, akan berupa kode HTML seperti di bawah ini.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s1600/inp12_paddock-girls_p1l8634_original.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s320/inp12_paddock-girls_p1l8634_original.jpg" /></a>

Agar gambar tersebut valid HTML5 dan tidak mengurangi nilai SEO blog kita, silahkan hapus kode yang berwarna merah di atas, dan tambahkan tag "title" pada linknya dan tag "alt" dan "title" pada gambarnya. Sehingga akan menjadi seperti di bawah ini.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s1600/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE LINK" ><img alt="ALT GAMBAR" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s320/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE GAMBAR" /></a>

Jika Anda akan menyisipkan link pada gambar, silahkan ganti tulisan yang berwarna biru di atas dengan link/URL yang Anda inginkan. Namun jika Anda tidak ingin menyisipkan link pada gambar, maka kodenya cukup seperti di bawah ini.

<img alt="ALT GAMBAR" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s320/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE GAMBAR" />

Tulisan yang berwarna biru di atas adalah URL dari image atau gambar. 

Hal ini terbukti ketika saya mengecek nilai atau skor SEO blog saya di Chkme, di situ disebutkan bahwa ada error yang mengurangi skor SEO yang disebabkan oleh link dan gambar yang tidak menyertakan tag "alt" dan "title".

Setelah saya mengoreksi kesalahan saya untuk link dan gambar seperti di atas, skor SEO blog saya bertambah. Nah tentunya hal ini menjadi perhatian khusus saya dalam mengelola blog. Biar pun hal ini menurut kita sepele, namun menjadi penting ketika kita berbicara tentang ke-SEO-an sebuah blog.

Memang ini akan menambah kerja ketika kita membuat sebuah postingan yang menyertakan gambar di dalamnya atau menyimpan banner di blog. Namun hal ini harus dilakukan kalau kita mau postingan kita atau blog kita lebih SEO dan valid HTML5.

Semoga pengalaman di atas dapat memberikan gambaran kepada Anda tentang Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5. Semoga dapat dimengerti dan bermanfaat. Seperti biasa bila ada yang salah mohon dikoreksi ya... hehhhehe...

Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5

Ini memang pekerjaan sepele, hanya menyimpan gambar di postingan atau di blog. Karena pekerjaan sepele, maka banyak orang melupakan dan melewati hal yang dapat mengurangi nilai SEO dan ke-valid-an HTML5 termasuk saya sendiri hehehe...

Hal-hal sepele tersebut diantaranya:

1. Size gambar yang besar. Sebaiknya gambar yang akan disimpan di blog memiliki size di bawah 100 kb, karena gambar dengan size besar akan menambah berat beban blog. Agar gambar yang disimpan di blog berkualitas bagus namun memiliki size yang kecil, Anda bisa mengompress size gambar.
2. Lupa memberikan tag "alt" dan "title". Hal ini dapat mengurangi nilai SEO blog dan memberikan error pada validasi HTML5.

Hal tersebut di atas akan bertambah parah lagi ketika kita menyisipkan sebuah link pada gambar tersebut. Biasanya hal ini terjadi ketika kita menyimpan banner iklan di blog atau lainnya.

Biasanya ketika kita mengupload gambar di postingan atau blog, akan berupa kode HTML seperti di bawah ini.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s1600/inp12_paddock-girls_p1l8634_original.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s320/inp12_paddock-girls_p1l8634_original.jpg" /></a>

Agar gambar tersebut valid HTML5 dan tidak mengurangi nilai SEO blog kita, silahkan hapus kode yang berwarna merah di atas, dan tambahkan tag "title" pada linknya dan tag "alt" dan "title" pada gambarnya. Sehingga akan menjadi seperti di bawah ini.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s1600/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE LINK" ><img alt="ALT GAMBAR" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s320/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE GAMBAR" /></a>

Jika Anda akan menyisipkan link pada gambar, silahkan ganti tulisan yang berwarna biru di atas dengan link/URL yang Anda inginkan. Namun jika Anda tidak ingin menyisipkan link pada gambar, maka kodenya cukup seperti di bawah ini.

<img alt="ALT GAMBAR" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4sGI6uOxnmbp4SrASIf7HCl7PUazZ89au-9Gkoumje2mz3O3gx9kQwV6WIUOU-0397zmqIx4wTBFrMVs-c6No_VX4sfowOqYg0mIl966L4Z28z359BUH0dEpJy4wbknulJnFzQT15ro/s320/inp12_paddock-girls_p1l8634_original.jpg" title="TITLE GAMBAR" />

Tulisan yang berwarna biru di atas adalah URL dari image atau gambar. 

Hal ini terbukti ketika saya mengecek nilai atau skor SEO blog saya di Chkme, di situ disebutkan bahwa ada error yang mengurangi skor SEO yang disebabkan oleh link dan gambar yang tidak menyertakan tag "alt" dan "title".

Setelah saya mengoreksi kesalahan saya untuk link dan gambar seperti di atas, skor SEO blog saya bertambah. Nah tentunya hal ini menjadi perhatian khusus saya dalam mengelola blog. Biar pun hal ini menurut kita sepele, namun menjadi penting ketika kita berbicara tentang ke-SEO-an sebuah blog.

Memang ini akan menambah kerja ketika kita membuat sebuah postingan yang menyertakan gambar di dalamnya atau menyimpan banner di blog. Namun hal ini harus dilakukan kalau kita mau postingan kita atau blog kita lebih SEO dan valid HTML5.

Semoga pengalaman di atas dapat memberikan gambaran kepada Anda tentang Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5. Semoga dapat dimengerti dan bermanfaat. Seperti biasa bila ada yang salah mohon dikoreksi ya... hehhhehe...

Saya enggak tahu pasti apakah ini benar atau salah. Maklum saya bukan ahli optimasi blog, hanya berbicara berdasarkan pengalaman. Pengalaman kali ini tentang salah satu cara atau trik untuk menaikan Nilai SEO blog.

Untuk mempunyai blog yang SEO Friendly, saya mencoba untuk mengganti template blog yang lebih SEO Friendly dari Maskolis karena sudah menggunakan tag h1, h2, dan h3. Kemudian saya juga mengikuti berbagai tutorial tentang cara membuat blog menjadi SEO Friendly.

Namun mungkin ada hal yang masih kurang, karena blog saya masih belum mencapai nilai SEO yang memuaskan. Ketika saya cek nilai SEO blog di Chkme, blog saya hanya mendapat nilai 87%. Setelah saya cek bagian mana yang masih menjadi masalah kurangnya nilai SEO blog, di Chkme tercantum ada beberapa gambar atau image yang tidak mempunyai deskripsi. Saya mulai berfikir, mungkinkah itu popular post? karena di blog saya yang mengunakan gambar salah satunya yaitu thumbnail pada popular post.

Setahu saya gambar atau image hanya bisa ditambahkan tag alt dan title, bukan deskripsi. Bagaimana caranya....? Saya pikir daripada pusing mikirin cara memberi deskripsi pada image, saya coba untuk menghilangkan imagenya saja. Kemudian saya merubah widget popular post yang tadinya menggunakan thumbnail menjadi tanpa tambnail. 

Kemudian saya mencoba mengecek lagi nilai SEO di Chkme, dan ternyata nilai SEO blog saya menjadi naik. Bahkan yang mengagumkan, sekarang nilai SEO blog saya perfect alias 100%. 

Nah jadi kesimpulan dari pengalaman ini adalah untuk menaikan nilai SEO blog, coba hindari untuk menggunakan widget popular post dengan thumbnail. Untuk membuktikannya, jika blog Anda sekarang menggunakan widget popular post dengan thumbnail, coba cek skor SEO-nya di Chkme. Setelah itu coba hilangkan thumbnailnya dan coba cek lagi... apakah ada perubahan pada skor SEO blog Anda?

Nah sebagai bonus, saya akan bagikan cara memodifikasi popular post tanpa thumbnail yang saya gunakan sekarang. Script ini saya dapat dari blog Bang Jefri, hanya merubah sedikit agar sesuai dengan blog saya.

Silahkan copas kode CSS di bawah ini DI ATAS kode ]]></b:skin>:

#PopularPosts1 ul{padding: 5px 5px 0 5px}
#PopularPosts1 {font-size:10px;padding-bottom:0px;border-top:0}
#PopularPosts1 ul li {background:#e1e1e1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzf4ZRa3HRBPcp68jZvhNiRhAKR-IlRgdu-vSekoqIXXfOO_ceVzGfwxomZBOV0hKfcd3cdpkn51jQZOFpHa_LSnO-gLklv14nv42IAvLyiiRvfPTrYLHE8IJEov2bNfiAe0hR_57IvVcE/s400/33.gif) no-repeat scroll 5px 8px;list-style-type: none;margin: 0px 0px 5px;padding: 5px 5px 5px 20px !important;border: 1px solid #e1e1e1;}
#PopularPosts1 ul li:hover {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzf4ZRa3HRBPcp68jZvhNiRhAKR-IlRgdu-vSekoqIXXfOO_ceVzGfwxomZBOV0hKfcd3cdpkn51jQZOFpHa_LSnO-gLklv14nv42IAvLyiiRvfPTrYLHE8IJEov2bNfiAe0hR_57IvVcE/s400/33.gif) no-repeat scroll 5px 8px;list-style-type: none;margin: 0px 0px 5px;padding: 5px 5px 5px 20px !important;border:1px solid #666666;}
#PopularPosts1 ul li a{font:13px Oswald}
#PopularPosts1 ul li a:hover {color:#b0130d;text-decoration:none;}

Kemudian pada gadget popular post di tata letak atau layout, hilangkan ceklis pada thumbnailnya.

Agar sesuai dengan blog Anda, silahkan sesuaikan pada kode CSS di atas sesuai dengan blog Anda, seperti warna background atau tulisannya.

Demikian postingan trik menaikan nilai SEO blog kali ini semoga dapat dimengerti dan bermanfaat...

Trik Menaikan Nilai SEO Blog

Saya enggak tahu pasti apakah ini benar atau salah. Maklum saya bukan ahli optimasi blog, hanya berbicara berdasarkan pengalaman. Pengalaman kali ini tentang salah satu cara atau trik untuk menaikan Nilai SEO blog.

Untuk mempunyai blog yang SEO Friendly, saya mencoba untuk mengganti template blog yang lebih SEO Friendly dari Maskolis karena sudah menggunakan tag h1, h2, dan h3. Kemudian saya juga mengikuti berbagai tutorial tentang cara membuat blog menjadi SEO Friendly.

Namun mungkin ada hal yang masih kurang, karena blog saya masih belum mencapai nilai SEO yang memuaskan. Ketika saya cek nilai SEO blog di Chkme, blog saya hanya mendapat nilai 87%. Setelah saya cek bagian mana yang masih menjadi masalah kurangnya nilai SEO blog, di Chkme tercantum ada beberapa gambar atau image yang tidak mempunyai deskripsi. Saya mulai berfikir, mungkinkah itu popular post? karena di blog saya yang mengunakan gambar salah satunya yaitu thumbnail pada popular post.

Setahu saya gambar atau image hanya bisa ditambahkan tag alt dan title, bukan deskripsi. Bagaimana caranya....? Saya pikir daripada pusing mikirin cara memberi deskripsi pada image, saya coba untuk menghilangkan imagenya saja. Kemudian saya merubah widget popular post yang tadinya menggunakan thumbnail menjadi tanpa tambnail. 

Kemudian saya mencoba mengecek lagi nilai SEO di Chkme, dan ternyata nilai SEO blog saya menjadi naik. Bahkan yang mengagumkan, sekarang nilai SEO blog saya perfect alias 100%. 

Nah jadi kesimpulan dari pengalaman ini adalah untuk menaikan nilai SEO blog, coba hindari untuk menggunakan widget popular post dengan thumbnail. Untuk membuktikannya, jika blog Anda sekarang menggunakan widget popular post dengan thumbnail, coba cek skor SEO-nya di Chkme. Setelah itu coba hilangkan thumbnailnya dan coba cek lagi... apakah ada perubahan pada skor SEO blog Anda?

Nah sebagai bonus, saya akan bagikan cara memodifikasi popular post tanpa thumbnail yang saya gunakan sekarang. Script ini saya dapat dari blog Bang Jefri, hanya merubah sedikit agar sesuai dengan blog saya.

Silahkan copas kode CSS di bawah ini DI ATAS kode ]]></b:skin>:

#PopularPosts1 ul{padding: 5px 5px 0 5px}
#PopularPosts1 {font-size:10px;padding-bottom:0px;border-top:0}
#PopularPosts1 ul li {background:#e1e1e1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzf4ZRa3HRBPcp68jZvhNiRhAKR-IlRgdu-vSekoqIXXfOO_ceVzGfwxomZBOV0hKfcd3cdpkn51jQZOFpHa_LSnO-gLklv14nv42IAvLyiiRvfPTrYLHE8IJEov2bNfiAe0hR_57IvVcE/s400/33.gif) no-repeat scroll 5px 8px;list-style-type: none;margin: 0px 0px 5px;padding: 5px 5px 5px 20px !important;border: 1px solid #e1e1e1;}
#PopularPosts1 ul li:hover {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzf4ZRa3HRBPcp68jZvhNiRhAKR-IlRgdu-vSekoqIXXfOO_ceVzGfwxomZBOV0hKfcd3cdpkn51jQZOFpHa_LSnO-gLklv14nv42IAvLyiiRvfPTrYLHE8IJEov2bNfiAe0hR_57IvVcE/s400/33.gif) no-repeat scroll 5px 8px;list-style-type: none;margin: 0px 0px 5px;padding: 5px 5px 5px 20px !important;border:1px solid #666666;}
#PopularPosts1 ul li a{font:13px Oswald}
#PopularPosts1 ul li a:hover {color:#b0130d;text-decoration:none;}

Kemudian pada gadget popular post di tata letak atau layout, hilangkan ceklis pada thumbnailnya.

Agar sesuai dengan blog Anda, silahkan sesuaikan pada kode CSS di atas sesuai dengan blog Anda, seperti warna background atau tulisannya.

Demikian postingan trik menaikan nilai SEO blog kali ini semoga dapat dimengerti dan bermanfaat...

Tag h1 adalah title tag untuk sebuah blog dan keberadaannya menurut saya sangat diperlukan untuk kelangsungan nilai seo sebuah blog. Artinya tag h1 akan menambah nilai seo blog Anda.

Rata-rata template sebuah blog tentunya sudah memasang tag h1 ini. Bagi yang memakai title blog dengan huruf, ini tidak akan jadi masalah karena otomatis tag h1 akan terdetek mesin crawl search engine. 

Namun ini akan menjadi masalah ketika kita merubah title blog dengan image atau gambar. Demi memperindah tampilan blog, maka banyak orang merubah title blog yang tadinya hanya huruf sekarang diganti dengan gambar atau image sesuai dengan selera kita. Biasanya berupa logo atau apapun yang ingin kita jadikan sebagai ciri atau identitas blog kita. 

Ini biasanya dilakukan dengan cara mengupload gambar pada tata letak atau layout, kemudian pada bagian gadget Header kita bisa mengupload gambar atau logo blog kita dengan memilih option "Instead of title and description" agar titile dan deskripsi blog tidak menghalangi gambar atau logo blog. Dengan melakukan hal tersebut tadi, maka tag h1 blog Anda pasti tidak akan terdetek. 

Ada cara termudah untuk mengatasi hal tersebut di atas, yaitu menambahkan langsung tag h1 pada image atau logo blog pada edit HTML. Silahkan cari kode di bawah berikut ini:

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
        </a>

Kemudian tambahkan <h1> dan </h1> pada kode di atas, sehingga penampakannya akan seperti di bawah ini:

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/></h1>
        </a>

Namun hal di atas akan menjadi masalah ketika Anda menggunakan template dari Maskolis (Creating Website), khususnya template-template baru. Karena Maskolis menggunakan manipulasi tag h1 pada setiap templatenya. Manipulasi tag h1 ini kegunaannya atau fungsinya agar menambah nilai template blog Anda lebih SEO Friendly. Dengan menggunakan manipulasi tag h1 ini, ketika berada di homepage maka yang menjadi tag h1 adalah title blog Anda, namun kerika berada di postpage maka otomatis yang menjadi tag h1 adalah title postingan sehingga postingan Anda akan lebih SEO Friendly. 

Untuk lebih jelasnya silahkan baca postingan Maskolis tentang manipulasi tag h1 ini DI SINI.

Nah ketika Anda menggunakan template dari Maskolis atau memakai trik manipulasi tag h1 seperti pada postingan Maskolis tadi, maka ketika Anda menggunakan trik menambahkan tag h1 langsung ke image atau gambar pada edit HTML, maka ketika berada di postingan akan terjadi multi tag h1 atau tag h1 menjadi 2 yaitu title atau logo blog dan title postingan. Tentunya ini bukannya menambah nilai SEO onpage Anda malah menurunkannya.

Untuk mengatasi hal tersebut di atas, maka kita perlu juga untuk memanipulasi title blog dengan gambar agar terdetek h1. Caranya seperti berikut ini:

1. Buatlah gambar yang sesuai dengan kehendak Anda untuk menggantikan logo pada header untuk background header-wrapper. Gambar tersebut harus sesuai dengan luas header-wrapper agar nantinya sesuai dengan template Anda. Kemudian tambahkan gambar dan kode "overflow:hidden" tersebut pada CSS header-wrapper sebagai backround pada edit HTML, dan penampakannya akan seperti di bawah ini:

#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGABAVKxsf-yozpyURdJJtdVgHhyDm5LFdi46Q0JkebQbce55Lnn8lPSmnGTYWTPFsXdub7hDYybpcVZoR5eK3efvl1DmPA-62F4yWc_S6qWsOMiyd9aa9BHJVTen1Zhl0e-0x9eunLbk/s1600/header+kompidotcom.png);width:980px;margin:0 auto;overflow:hidden}

Kira-kira kode CSS header-wrapper-nya akan seperti itu. Kebetulan luas header-wrapper blog Kompi Ajaib adalah 980px X 90px.

2. Hilangkan atau remove image pada header blog. Masuk ke layout atau tata letak, klik edit pada gadget header dan remove image. Hal ini dilakukan agar logo blog tidak menjadi 2 dan saling bertindih dan tentunya title blog akan menjadi teks sehingga akan terdetak h1 pada homepage dan tidak akan terjadi multi tag h1 pada postpage.

3. Agar title blog yang sekarang menjadi teks tidak muncul dan menghalangi gambar dari header-wrapper (point 1), maka headernya harus disembunyikan. Sekarang masuk lagi pada Edit HTML, tambahkan kode "visibility:hidden" tanpa tanda kutip pada kode CSS header. Sehingga penampakannya akan seperti di bawah ini:

#header{float:left;width:500px;text-align:left;color:#333;margin:0;visibility:hidden}

Nah sampai di sini saja yang harus Anda lakukan untuk memanipulasi title blog dengan gambar sehingga blog Anda tetap mempunyai gambar sebagai logo blog namun tetap terdetek tag h1 dan tidak terjadi multi tag h1 pada postingan.

Memanipulasi Title Blog Dengan Gambar Agar Terdetek H1

Tag h1 adalah title tag untuk sebuah blog dan keberadaannya menurut saya sangat diperlukan untuk kelangsungan nilai seo sebuah blog. Artinya tag h1 akan menambah nilai seo blog Anda.

Rata-rata template sebuah blog tentunya sudah memasang tag h1 ini. Bagi yang memakai title blog dengan huruf, ini tidak akan jadi masalah karena otomatis tag h1 akan terdetek mesin crawl search engine. 

Namun ini akan menjadi masalah ketika kita merubah title blog dengan image atau gambar. Demi memperindah tampilan blog, maka banyak orang merubah title blog yang tadinya hanya huruf sekarang diganti dengan gambar atau image sesuai dengan selera kita. Biasanya berupa logo atau apapun yang ingin kita jadikan sebagai ciri atau identitas blog kita. 

Ini biasanya dilakukan dengan cara mengupload gambar pada tata letak atau layout, kemudian pada bagian gadget Header kita bisa mengupload gambar atau logo blog kita dengan memilih option "Instead of title and description" agar titile dan deskripsi blog tidak menghalangi gambar atau logo blog. Dengan melakukan hal tersebut tadi, maka tag h1 blog Anda pasti tidak akan terdetek. 

Ada cara termudah untuk mengatasi hal tersebut di atas, yaitu menambahkan langsung tag h1 pada image atau logo blog pada edit HTML. Silahkan cari kode di bawah berikut ini:

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
        </a>

Kemudian tambahkan <h1> dan </h1> pada kode di atas, sehingga penampakannya akan seperti di bawah ini:

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/></h1>
        </a>

Namun hal di atas akan menjadi masalah ketika Anda menggunakan template dari Maskolis (Creating Website), khususnya template-template baru. Karena Maskolis menggunakan manipulasi tag h1 pada setiap templatenya. Manipulasi tag h1 ini kegunaannya atau fungsinya agar menambah nilai template blog Anda lebih SEO Friendly. Dengan menggunakan manipulasi tag h1 ini, ketika berada di homepage maka yang menjadi tag h1 adalah title blog Anda, namun kerika berada di postpage maka otomatis yang menjadi tag h1 adalah title postingan sehingga postingan Anda akan lebih SEO Friendly. 

Untuk lebih jelasnya silahkan baca postingan Maskolis tentang manipulasi tag h1 ini DI SINI.

Nah ketika Anda menggunakan template dari Maskolis atau memakai trik manipulasi tag h1 seperti pada postingan Maskolis tadi, maka ketika Anda menggunakan trik menambahkan tag h1 langsung ke image atau gambar pada edit HTML, maka ketika berada di postingan akan terjadi multi tag h1 atau tag h1 menjadi 2 yaitu title atau logo blog dan title postingan. Tentunya ini bukannya menambah nilai SEO onpage Anda malah menurunkannya.

Untuk mengatasi hal tersebut di atas, maka kita perlu juga untuk memanipulasi title blog dengan gambar agar terdetek h1. Caranya seperti berikut ini:

1. Buatlah gambar yang sesuai dengan kehendak Anda untuk menggantikan logo pada header untuk background header-wrapper. Gambar tersebut harus sesuai dengan luas header-wrapper agar nantinya sesuai dengan template Anda. Kemudian tambahkan gambar dan kode "overflow:hidden" tersebut pada CSS header-wrapper sebagai backround pada edit HTML, dan penampakannya akan seperti di bawah ini:

#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGABAVKxsf-yozpyURdJJtdVgHhyDm5LFdi46Q0JkebQbce55Lnn8lPSmnGTYWTPFsXdub7hDYybpcVZoR5eK3efvl1DmPA-62F4yWc_S6qWsOMiyd9aa9BHJVTen1Zhl0e-0x9eunLbk/s1600/header+kompidotcom.png);width:980px;margin:0 auto;overflow:hidden}

Kira-kira kode CSS header-wrapper-nya akan seperti itu. Kebetulan luas header-wrapper blog Kompi Ajaib adalah 980px X 90px.

2. Hilangkan atau remove image pada header blog. Masuk ke layout atau tata letak, klik edit pada gadget header dan remove image. Hal ini dilakukan agar logo blog tidak menjadi 2 dan saling bertindih dan tentunya title blog akan menjadi teks sehingga akan terdetak h1 pada homepage dan tidak akan terjadi multi tag h1 pada postpage.

3. Agar title blog yang sekarang menjadi teks tidak muncul dan menghalangi gambar dari header-wrapper (point 1), maka headernya harus disembunyikan. Sekarang masuk lagi pada Edit HTML, tambahkan kode "visibility:hidden" tanpa tanda kutip pada kode CSS header. Sehingga penampakannya akan seperti di bawah ini:

#header{float:left;width:500px;text-align:left;color:#333;margin:0;visibility:hidden}

Nah sampai di sini saja yang harus Anda lakukan untuk memanipulasi title blog dengan gambar sehingga blog Anda tetap mempunyai gambar sebagai logo blog namun tetap terdetek tag h1 dan tidak terjadi multi tag h1 pada postingan.