SEO対策　初心者が語るテンプレートSINKAが糞な理由

このブログで使っているテーマがSINKAです。これが結構くそなんですよね。（←使わせてもらいながら文句をいう。）

SEO対策がきちっとされていないんですよね。他のテーマがちゃんとされているか？といわれれば使った事がないのでわかりませんが、SINKAではSEO上重要なタイトルタグをH1にするとか、掲載page1,2,3,4…のメタディスクリプションが上手く設定されてなかったりして。。。。あまりいいとは言えないですね。SEO上何が重要かはバズ部の記事を見るとわかると思うので、詳しくはそちらを参考にしてください。

 

SINKAのテーマを擁護するわけではないのですが、SEO上一番重要なのはコンテンツの質を言われているのでそちらで勝負するスタンスなので、こういう細かい事は気にしないってのがこのテーマの売りです。

短距離選手に例えるなら、一番重要なのは下半身の筋肉だからそこだけを鍛えて、シューズをあったものにしたりとか、走行フォームとか、上体を起こすタイミング

とかはスルーしているパターンですね。サイトが弱いうちは下半身の筋肉だけでは、太刀打ちできないのでしっかり鍛えたほうがいいと思います。私が行った修正を備忘録みたいな形で残しておきます。SEOに関係ないものをいじったり、勘違いしている事があるかもしれませんが悪しからず。

（理由は使いにくいからなんですけどね。。下見てもらえばわかりますよ。　←ほとんどが自分の知識不足によるものです。）

 

SINKAのバージョンアップのせいで。。。。糞が。。。過去に調べながら、編集したのが上書きで消えてしまった。量が多いし、どうやったかも覚えてないのでもとに戻せない。これだけでも糞なのに下の理由でもくそなんですよね。

all in one seo の設定がまったく反映されない。

これのせいでseo対策無理っす

 

キーワードとかが設定されていない。

キーワードが設定されていないので、サーチエンジンから呼び込めません

 

テンプレート更新の度に設定が戻される

これ腹立つめんどくさい。ちなみにこれは、当たり前なんでバックアップを取っておいた方がいいですよ

 

テーマ用備忘録

single.php　たいとるたぐをh1にへんこう

<h1 class=”title<?php if($options[‘layout’] == ‘three_column1’ || $options[‘layout’] == ‘three_column2’) { title_height3(); } else { title_height2(); }; ?>”><?php the_title(); ?></h1>

 

style.css　グローバルメニューの色を変える

/* global menu */
#global_menu { height:49px; margin:0; position:absolute; left:50px; top:0px; padding:0; z-index:999; border-right:1px solid #ddd; width:894px; }
#global_menu ul ul { display:none; position:absolute; top:49px; left:0px; margin:0; padding:0; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); z-index:0; }
#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
#global_menu li { float:left; font-size:13px; font-size:1%; position:relative; margin:0; padding:0; }
#global_menu li a { font-size:12px; border-left:1px solid #ddd; text-align:center; text-decoration:none; color:#ff0000; margin:0; display:block; height:49px; line-height:49px; box-shadow:1px -1px 0px 0px #fff inset; -moz-box-shadow:1px -1px 0px 0px #fff inset; -webkit-box-shadow:1px -1px 0px 0px #fff inset; }
#global_menu li a:hover, #global_menu li.active_menu { background:#00ffff; }
#global_menu ul ul li { float:none; line-height:26px; padding:0; margin:0; text-align:left; }
#global_menu ul ul a { font-size:12px; position:relative; padding:12px 20px 10px 25px; height:auto; line-height:160%; margin:0 0 -1px 0; text-align:left; background:#fff url(img/common/arrow1.gif) no-repeat 15px 18px; border:1px solid #ddd; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
#global_menu ul ul a:hover { background:##00ffff url(img/common/arrow1.gif) no-repeat 15px 18px; }

グローバルメニューの文字色が変わる

カーソルを合わせたところの色が変わる (１．メニューだけ　2.下のリストも)

 

adsenseのコードを中央寄せ

.ad_center{
margin:0 auto 24px;
text-align: center;

 

/* table */
.post table { margin:0 0 1em 0; width:100%;
table-layout: fixed;}
.post td, .post th { border:1px solid #c1c1c1; padding:3px; }
.post th { background:#eee; font-weight:normal; }

＊表の縦幅を縮める15→3

 

index.php

かくきじのタイトルタグをh2に変更

<h2 class=”title<?php title_height(); ?>”><a href=”<?php the_permalink() ?>”><?php the_title(); ?></a></h2>

 

記事間にアドセンスを埋め込む

<?php $loopcounter = 1; ?>
　<?php while (have_posts()) : the_post(); ?>
　　ここに記事情報を表示する処理が記述されています
　　<?php if ($loopcounter == 5) : ?>
        <hr>
　　　　Adsenseを埋め込むコードを記述する
        <hr>
　　<?php endif; ?>
　　<?php $loopcounter++; ?>
<?php endwhile; ?>

 

5と6番目の記事の間にアドセンス広告を挿入する。広告の区別がつきやすいようにhrタグを入れる

header.php

<link rel=”alternate” hreflang=”ja” href=”https://livemyself.com/” />

コードの一番下にアドセンスコードを埋め込む

（日本のサイトであることの表示とアドセンスコードの埋め込み）

 

functions.php　アドセンスのショートコードを作る

//アドセンス
function showads() {
return ‘

<div class=”ad_center”>スポンサーリンク

ここにアドセンスのコード</div>’;
}
add_shortcode(‘adsense’, ‘showads’);

（＊Pタグとかが消えているので上コードを検索すればでてくる）

mobile.css　モバイル用の表のサイズを編集する

/* table */
.post table { margin:0 0 1em 0;width:100%;}
.post td, .post th { border:1px solid #c1c1c1; padding:3px; }
.post th { background:#F5FFFA; font-weight:normal; }
.scroll{overflow: auto;　　　　/*tableをスクロールさせる*/white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

 ＊表のセル幅を縮める15→3

表を埋め込む

表が6列くらい：style=”table-layout: fixed;” width=”100%”

表をスクロールする　←　こっちを使った

表が長い　tableタグを　<div class="scroll">　で囲む

 

.htaccess

 

■記事内の記述

 

 

くそが

スペースとかが変な風になってしまったけど、どうすればいいかわからないのでこのままにします。

自分が思った通りのテーマなんてないので編集できるようになることが大事。