SEO対策覚書

良質なコンテンツ　サイト訪問者が求めていうものをオリジナルの文章で。

SSL化やサイトの表示速度を速めることも重要

SSLはエックスサーバーなどレンタルサーバーで無料でできるほか、はてなブログやFC2ホームページでもSSLに対応している。

サイトの表示速度を高めるには、まず高速なレンタルサーバーを借りることが重要で、そこからCSSの縮小やブラウザキャッシュの活用、そして画像の最適化などが有効である。

内部SEOを充実させれば外部SEOの効果も上がる。

①自分のサイトからリンクさせる

ターゲットはブランク

アンカーテキストはキーワードを含める

DVDやおすすめならAKB48のおすすめDVDなどエステならエステサロン体験ナビとすること。

ページランク（PRは廃止されたので、ドメイン評価）が高くリンクの多いドメインのTOPページに関連サイトを作成し、文中からアンカーテキストを貼るのが最も効果的で、その周辺の文言にも留意したい

②サテライトサイトからリンクさせる

③ピアサイトからリンクさせる

カフェ開業・経営の基礎知識

ピアサイトのキーワードをできるだけメインサイトに近づける

必ずサーバーを別にしてIP分散させる

メインサイトと同等のコンテンツを作成する

④DRM解除サイトからリンクさせる

共起キーワードで作成する例：DRM　コピーガード

⑤売却用ドメイン

ピアサイト作成方法はStep4サイト構築

⑥メインサイトへリンクする

AGA

SIRIUS作成～TOPページ～

1.TOPページはできるだけ量を充実させる。

一度に700文字掲載するよりも、500文字でインデックスさせ、後日200文字を追加する方が良いと思われる。

2.ヘッダーをクリックするとTOPに戻る設定

上部メニューにある「テンプレート」→「HTMLテンプレート編集」を選択し、

<div id="header"> 
<% headerText | tag_insert(a href="<% pageDepth %>") | tag_insert(h2) %> 
<% pageDescription %> 
</div>

　　　　　　　　　　　　　　　　　↓

<div style="text-align:center"><a href="<% pageDepth %>"><img src="

<% pageDepth %>img/header.jpg" alt="<% pageTitle %>" /></a></div>

 

に書き換える。

トップページだけでなく、カテゴリーページやエントリーページも書き換える。

2015年2月18日追加
スマホサイト作成の場合は

<% iphoneHeaderImage | tag_insert(div id="header") %> を

<div style="text-align:center"><a href="<% pageDepth %>"><% iphoneHeaderImage | tag_insert(div id="header") %></a></div>に書き換える。

 

3.サイトマップを目次として表示させる方法

<% sitemaps %>を記述する

 

4.サイト全体のリンク色を青にする方法

上部メニューにある「テンプレート」→「スタイルシート編集」を選択し、

 

/* -------- リンク */

 

a,a:visited{

    color:#0044CC;

 

すべてをアップロードしないと適用されない

 

5.フッターだけに免責事項へのリンクを加える方法

上部メニューにある「テンプレート」→「HTMLテンプレート編集」を選択し、

<!-- ★フッターここから★ -->

<div id="footlink"><a href="http://www.●●●.com/">トップページ</a><% sitemapPageLink %>←ここに記述する

<!-- ★フッターここまで★ -->

 

すべてのページに記述する

アパート経営

 

6.テーブルの色を変える方法

上部メニューにある「テンプレート」→「スタイルシート編集」を選択し、

「tables.css」内の

 

table{

    width:100%;

    _width:95%;

    color: #FFFFFF;　←追加（文字色）

    font-size:18px;　←変更（文字の大きさ）

    margin-top:10px;

    margin-bottom:10px;

}

 

th{

    background-color:#000000;　←変更（文字の背景色）

 

これでSIRIUSっぽさが無くなる

 

7.SIRIUSでjavascriptタグを埋めこむ方法

<noReturn>タグで囲む

 

8.ＳＩＲＩＵＳブログモードで続きを読むを非表示にする

「テンプレート」→「HTMLテンプレート編集」を選択→「ブログモードここから」内の

<div class="detail">

<span class="more"><a href="<% permaLink %>">続きを読む≫</a></span>

<span class="date"><% pagePublicDate | parseDatetime(yyyy/MM/dd HH:mm:dd) %></span>

<% parentPageList_all | tag_insert(span class="plist") %>

<br class="FloatEnd" />

</div>

を削除する。

Google

9.続きを読むの字数を減らす方法

 上部メニューにある「テンプレート」→「HTMLテンプレート編集」を選択し、

「ブログモードここから」下の

<div class="text"><% pageBody %></div>

を

<div class="text"><% pageBody | tag_strip | str_replace( ,) | oneline | shorten(150,true) %></div>

に書き換える。

 

10.マウスホーバーの動きと色を変える方法

上部メニューにある「テンプレート」→「スタイルシート編集」を選択し、

/* -------- リンク */

 

a,a:visited{

    color:#0044CC;

}

 

a:hover{

    color:#E48E00;　　　　　　　　　　　　　　　　　　　　←色を変更

}

a:hover { top:1px; left:1px; position:relative; }　　　　←加える

 

11.ページタイトルの後ろに自動でサイト名を追加する方法

上部メニューにある「テンプレート」→「HTMLテンプレート編集」を選択し、

<title><% pageTitle %></title> を

 

<title><% pageTitle %>｜<% siteTitle %></title>

 

に書き換える。

 

12.サイドバーのテキストリンクの色を変える方法

「スタイルシート編集」→800～900行近く

/* サイドメニュー */より下の項目font-size: 12px;が目印デフォルトタイプの例

ネットショップ開業

#menu li a ,#rmenu li a{ 
line-height: 14px; 
display: block; 
font-size: 12px; 
text-decoration: none; 
background-image: url(img/menu_bg.gif); 
background-repeat: no-repeat; 
background-position: 5px center; 
background-color: #FFFFFF; 
margin-top: 0; 
margin-right: 0; 
margin-bottom: 0px; 
margin-left: 0; 
padding-top: 6px; 
padding-right: 6px; 
padding-bottom: 6px; 
padding-left: 20px; 
_padding-top: 2px; 
_padding-bottom: 2px; 
color: #0044CC;　←に変える

 

13.マウスホバーで画像がポコッと移動させる方法

<div class="img-move"><img src="./img/画像" alt="　" /></div>

 

もしくはCSS内に

a:hover img{
position : relative;
top : 1pt;
left : 1pt;
opacity: 0.7;
-moz-opacity:0.7;
}

14.テーブルを中央寄せにする方法

CSSに以下を記述

table{
margin-right : auto;
margin-left : auto
}

上記の不可の場合は、HTMLにおいて、<div align="center">～</div>で囲む。

 

15.画像の角丸め
img {
border-radius: 10px;
}

 

16.蛍光ペン
.marker {
background: linear-gradient(transparent 60%, #ffff66 60%);
}