Monday, May 18, 2015
Hai kali ini saya akan share template Seo untuk blog,apakah template itu ? adalah desain-desain halaman blog ataupun website beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.
Sebelum menentukan template blog yang akan digunakan, sebaiknya lakukan dulu fit and property test (uji kelayakan dan kepatutan)" terhadap blog demonya:
1. Webmaster Structured Data Testing Tools.
Untuk menguji baik-tidaknya struktur data template sehingga mudah dan cepat diidendeks Google dan mesin pencari lain.
2. Am I Responsive Design.
Untuk menguji apakah template yang akan digunakan itu mobile friendly sebagaimana rekomendasi Google.
3. GT Metrix
Untuk melihat kecepatan loading. Standar minimal memiliki skor B (80%). Nilai A (90%) tentu bagus bingit!
4. CHKME
Untuk menguji ke-SEO-an template. Skor 80% menjadi standarnya. Di sini juga akan ditampilkan elemen mana saja yang harus diperbaiki.
5. Facebook Debugger
Copy & Paste salah satu posting di sana. Lihat apakah Facebook Open Graph-nya sudah baik. Saat di-share mestinya muncul gambar, judul, dan kutipan alinea pertama (deskripsi posting).
- 1. JURNALISTIK THEME
Sekian,semoga bermanfaat
#related-posts {
float: left;
width: 532px;
margin-top: 20px;
font-size: 12px;
margin-bottom: 10px;
padding: 9px;
min-height: 180px;
color: #222;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;}
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none;color:#7776B2; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin:10px; padding : 0; }
#related-posts ul li {width: 500px;
float: left;
display: block;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 5px;
margin-bottom: 5px;
line-height: 2em;
border: 1px solid #ddd;
border-radius: 5px;}
#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:#fff;border:1px solid #ddd;}
#mintshare_mini {width:100px; height:35px;padding: 0 15px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background:#fff;
padding-left:5px;
cursor:pointer;}
#mintshare_mini a.sharetext img {
border: 0 none;
display: block;
margin-left: 10px;}
#mintshare_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;}
#mintshare_mini .flyout ul {
background:#fff;
border:1px solid #ddd;
list-style:none;
position:absolute;
top:-27px;
width:420px;
height:35px;
border-left:0;
left:50px;
padding-right:10px;
z-index: 1;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 5px 5px 0;
-icab-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;}
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li a{}
#mintshare_mini .flyout ul a img {}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 15px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;}
#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;}
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
#mintshare_mini .get_mintshare {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;}
.relbg{
background: #222;
border-radius: 5px;
padding: 5px;
border: 1px solid #ddd;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;}
.relbg h5{
color: #fafafa;
font-weight: normal;
text-shadow: 1px 1px 1px #362c30;}
#related-posts {
float: left;
width: 532px;
margin-top: 20px;
font-size: 12px;
margin-bottom: 10px;
padding: 9px;
min-height: 180px;
color: #222;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;}
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none;color:#7776B2; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin:10px; padding : 0; }
#related-posts ul li {width: 500px;
float: left;
display: block;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 5px;
margin-bottom: 5px;
line-height: 2em;
border: 1px solid #ddd;
border-radius: 5px;}
#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:#fff;border:1px solid #ddd;}
#mintshare_mini {width:100px; height:35px;padding: 0 15px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background:#fff;
padding-left:5px;
cursor:pointer;}
#mintshare_mini a.sharetext img {
border: 0 none;
display: block;
margin-left: 10px;}
#mintshare_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;}
#mintshare_mini .flyout ul {
background:#fff;
border:1px solid #ddd;
list-style:none;
position:absolute;
top:-27px;
width:420px;
height:35px;
border-left:0;
left:50px;
padding-right:10px;
z-index: 1;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 5px 5px 0;
-icab-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;}
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li a{}
#mintshare_mini .flyout ul a img {}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 15px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;}
#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;}
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
#mintshare_mini .get_mintshare {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;}
.relbg{
background: #222;
border-radius: 5px;
padding: 5px;
border: 1px solid #ddd;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;}
.relbg h5{
color: #fafafa;
font-weight: normal;
text-shadow: 1px 1px 1px #362c30;}
