Simple SEO Friendly Blogger Template Responsive Mobile Friendly, Fast Loading, Ringan, Cepat, Mudah Terindeks Google


Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

May 13, 2020

Panduan Setting Menu Template Blog SEO Optima

Panduan Setting Menu Template Blog SEO Optima

SEO Optima adalah template simple. Setting terpenting di bagian MENU. Berikut ini Panduan Setting Menu Template Blog SEO Optima.

Panduan Setting Menu Template Blog SEO Optima

Panduan Setting Menu Template Blog SEO Optima

1. Klik Tema > Edit HTML
2. Cari/temukan kode menu di bawah ini.

GANTI link/url warna merah dengan versi Anda.

MENU ATAS (Link Halaman/Page)
Buat dulu halamannya di Page > New Page

<ul>
<li><a href='/p/about.html'>About</a></li>
<li><a href='/p/kontak.html'>Kontak</a></li>
<li><a href='/p/disclaimer.html'>Disclaimer</a></li>
<li><a href='/p/sitemap.html'>Sitemap</a></li>
<li><a class='dutt' href='#'>Drop-Down</a>
<ul class='menux'>
<li><a href='#'>Sub-item 1</a></li>
<li><a href='#'>Sub-item 2</a></li>
</ul>
</li>
<li class='sorting-01 facebook'><a href='#' target='_blank'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li>
<li class='sorting-02 twitter'><a href='#' target='_blank'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li>
<li class='sorting-06 linkedin'><a href='#' target='_blank'><i class='fa fa-linkedin fa-lg'/><span class='inv'/></a></li>
<li class='sorting-04 youtube'><a href='#' target='_blank'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li>
</ul>

MENU BAWAH HEADER (Link Label/Kategori)
Pastikan tiap postingan dikasih Labels di menu Labels sidebar kanan atas (Post Settings).

 <ul class='dropdown'>
   <li><a href='/' title='Beranda'> Home</a></li>
   <li><a href='/search/label/News' title='News'> News</a></li>
   <li><a href='/search/label/Tips' title='Tips'> Tips</a></li>
   <li><a href='/search/label/Foto' title='Foto'> Foto</a></li>
   <li><a href='/search/label/Video' title='Video'> Video</a></li>
   <li><a href='#' title='Link'>Categories <font size='1'>&#9660;</font></a>
<ul>
<li><a href='#' title='Link'>Label 1</a></li>
   <li><a href='#' title='Link'>Label 2</a></li>
  <li><a href='#' title='Link'>Label 3</a></li>
  <li><a href='#' title='Link'>Label 4</a></li>
  <li><a href='#' title='Link'>Label 5</a></li>
     </ul>
</li>

GANTI lini/url warna merah dengan versi Anda.

Sekian.

LINK: https://seooptimabt.blogspot.com/p/setting.html

Good News!
Kini tersedia SEO Optima V2. 
Gratis bagi Anda yang membeli SEO Optima versi pertama.

October 11, 2018

Contoh Posting Blog SEO & User Friendly dengan Highlights dan Heading Tags

Contoh Posting Blog SEO & User Friendly dengan Highlights dan Heading Tags

Contoh Posting Blog SEO & User Friendly dengan Highlights dan Heading Tags
Berikut ini Contoh Posting Blog SEO & User Friendly dengan Highlights dan Heading Tags. Tampilan tulisan di blog harus memenuhi kriteria mudah dipindai dan dibaca (scannable & readable).

Donec malesuada risus erat, at consectetur mi interdum sed. Duis nec euismod ligula.

Nunc ut feugiat purus. In magna mi, cursus vitae eros vitae, pellentesque viverra diam. Suspendisse convallis elementum metus a tincidunt.

Pellentesque tempor auctor est, quis fermentum mauris tristique at. Etiam pretium in ex et posuere. Proin vitae rutrum erat.

Fusce ac lectus a magna aliquet tincidunt. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In a laoreet augue, a pellentesque velit.

QUOTES: Praesent semper congue pellentesque. Nullam tristique nec dui vitae volutpat. Proin venenatis dolor feugiat libero efficitur cursus. Pellentesque dictum enim lectus, non accumsan diam sagittis eu.

Aenean eu mattis sem. Integer in dolor lectus. Morbi quis tempus velit, in fringilla sapien. Nunc blandit eros non eros feugiat gravida. In ultricies laoreet condimentum.

Heading H3: Proin in nunc justo. Sed malesuada

Proin in nunc justo. Sed malesuada nisl non quam volutpat, fringilla ultrices orci vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Proin sed viverra urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent cursus pulvinar faucibus. Donec vehicula, arcu sed aliquet sollicitudin, neque erat aliquam magna, in vulputate mi lectus sed lorem. In hac habitasse platea dictumst. Aliquam finibus varius est, non sodales orci.

In augue nibh, lobortis et congue et, tempor ac lectus. Sed non luctus justo. Praesent tincidunt volutpat lacus eu elementum.

Donec faucibus rhoncus mauris ac accumsan. Sed consequat ut est pellentesque egestas. Morbi tempor lorem nisi, et ultricies libero egestas sit amet.

Aliquam viverra tristique arcu non semper. Ut metus nunc, dapibus nec nisl ac, ultricies fringilla nulla. Phasellus pellentesque at orci at hendrerit. Cras risus turpis, mattis a quam quis, lacinia vestibulum nisi.

Nulla consequat elit ac mauris ultricies convallis. Donec vel eros ipsum. Aenean non elit fermentum, porta lectus et, euismod nunc.

Donec quis nibh auctor, fringilla risus ac, egestas ipsum. Fusce vehicula neque et risus blandit consectetur. Numbered List:
  1. Aliquam ac augue vestibulum dui dignissim maximus. 
  2. Suspendisse potenti. Cras volutpat, arcu et aliquam pretium, lectus tellus accumsan 
  3. Lorem, sit amet suscipit quam ipsum eget purus. Nulla rhoncus elementum odio sit amet bibendum. 
  4. Nunc ut cursus metus. 
  5. Maecenas quam orci, auctor id lectus sed, maximus volutpat lectus. 
  6. Fusce in neque quis dui interdum iaculis. 
Etiam quis volutpat libero. Donec bibendum, nulla a pretium convallis, diam risus suscipit risus, cursus aliquam nisi nibh sit amet ligula.

In sollicitudin pulvinar lacinia. Quisque euismod vehicula arcu in pulvinar. Suspendisse a dictum nulla, id semper justo. Vivamus imperdiet orci quis elementum aliquet. Nulla ornare dignissim ultrices. Bulleted List:
  • Sed ut sapien enim. 
  • Morbi a tellus ullamcorper, sodales ex sed, dignissim erat. 
  • Suspendisse malesuada sapien vitae sagittis mollis. 
  • Duis vel nisi vitae tortor semper congue. 
  • Mauris scelerisque nulla vitae felis bibendum pharetra.
Donec vel nisi placerat, tristique nunc in, feugiat felis. Donec ac finibus justo. Praesent ut luctus arcu. Integer sollicitudin eu ex et molestie. Suspendisse potenti. Ut efficitur placerat ante vulputate mattis. Vestibulum lacus diam, tincidunt vel nulla non, consectetur feugiat sem. Nunc consectetur varius enim id condimentum.

Good News!
Kini tersedia SEO Optima V2. Gratis bagi Anda yang membeli SEO Optima versi pertama.

Quisque suscipit dapibus tellus. Cras a tincidunt neque, a tincidunt elit. Morbi at rhoncus eros. Nulla fermentum, nunc a condimentum suscipit, lacus urna dignissim turpis, a efficitur quam sem ut massa.

Curabitur justo neque, sodales eget ultrices quis, venenatis vel arcu. Quisque sit amet eros mi. Nunc luctus tempor magna sed auctor. Etiam. Generated of Lorem Ipsum.*

October 8, 2018

Google Search Uses Breadcrumb to Categorize the Information from the Page

Google Search Uses Breadcrumb to Categorize the Information from the Page

Google Search Uses Breadcrumb to Categorize the Information from the Page
Google Search Uses Breadcrumb to Categorize the Information from the Web Page or Blog.

A breadcrumb trail on a page indicates the page's position in the site hierarchy.

A user can navigate all the way up in the site hierarchy, one level at a time, by starting from the last breadcrumb in the breadcrumb trail.

Use Cases

Google Search uses breadcrumb markup in the body of a web page to categorize the information from the page in search results.

Often, as illustrated in following use cases, users can arrive at a page from very different types of search queries.



While each search may return the same web page, the breadcrumb categorizes the content within the context of the Google Search query.

The page ancillaryjustice.html might display the following breadcrumb trails depending upon the search context.

Sumber: https://developers.google.com/search/docs/data-types/breadcrumb

The Best Fonts to Use in Online Media - Website, Blog

The Best Fonts to Use in Online Media - Website, Blog

The Best Fonts to Use in Online Media - Website, Blog
The Best Fonts to Use in Online Media - Website, Blog

Best fonts for online
Now, one might assume that what works on the printed page will be similar to what works on the computer screen. But that's not the case.

In order to make the little serifs appear legible, a high degree of resolution is required. The more pixels, the more details of the font you can display.

Back 10 or so years ago, the best computer screen resolution was 800 x 600 pixels – which wasn’t great for defining the intricacies of a serif font. Screen resolution has increased through the years (resolutions of 1024 x 768 pixels or greater have become the norm). This makes serif fonts more legible but still generally not as easy to read as sans-serif fonts.

Plus, now you have to consider how your site or email will look on handheld devices, such as the BlackBerry and iPhone. The latest model of iPhone has a screen resolution of 960 x 640 pixels. The BlackBerry Bold has a screen resolution of 480 x 360 pixels.

So online, the best font to go with is sans serif.

A 2002 study by the Software Usability and Research Laboratory concluded that:
  1. The most legible fonts were Arial, Courier, and Verdana.
  2. At 10-point size, participants preferred Verdana. Times New Roman was the least preferred.
  3. At 12-point size, Arial was preferred and Times New Roman was the least preferred.
  4. The preferred font overall was Verdana, and Times New Roman was the least preferred.

So here are your marching orders:

For easiest online reading, use Arial 12-point size and larger. If you're going smaller than 12 points, Verdana at 10 points is your best choice.

If you're after a formal look, use the font "Georgia." And for older readers, use at least a 14-point font. (Source: https://www.awai.com/2011/10/the-best-fonts-to-use-in-print-online-and-email/).*


"Georgia is a Transitional serif typeface designed by Matthew Carter and released in 1996 through Microsoft. Since Georgia is a “web safe” system font, it has been one of the primary serifs, along with Times New Roman, used on the web since the late 1990s. In 2011, a “pro” version of Georgia was released that includes additional weights and condensed versions. I think Georgia makes an excellent font for reading long passages of text on screens." (Typewolf)