2010/08/22 CE-CUBE METAタグ変更!!

SEO対策をしたかったので、METAタグを加工しました
基本は
基本情報管理→SEO管理の情報に入れます
ただ、それだけではすべてのページで同じ情報になってしまいます
商品一覧ページ 及び 商品詳細ページ は同じになってしまいます
商品一覧にはカテゴリー名などを追加
商品詳細には商品名などを追加

/data/Smarty/templates/default/site_frame.tpl
<title><!--{$arrSiteInfo.shop_name|escape}-->/
<!--{$tpl_title|escape}--></title>
<meta name="author" content="
<!--{$arrPageLayout.author|escape}-->" />
<meta name="description" content="
<!--{$arrPageLayout.description|escape}-->,
<!--{$arrProduct.name|escape}-->,
<!--{$arrProduct.price02_min|sfPreTax:
$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->円,
<!--{$tpl_subtitle}-->" />
<meta name="keywords" content="
<!--{$arrPageLayout.keyword|escape}-->
<!--{$arrProduct.comment3}-->,
<!--{$tpl_subtitle}-->" />

基本情報管理→SEO管理の情報


<!--{$arrSiteInfo.shop_name|escape}-->
<!--{$arrPageLayout.author|escape}-->
<!--{$arrPageLayout.description|escape}-->
<!--{$arrPageLayout.keyword|escape}-->

動的ページのままですので静的ページにしないと役に立たないような気もしますが一応してみました
あはは

サンプル
http://makun.org/products/detail.php?product_id=5

ソースは

<title>まぁくんの店 ウェブショップ/
商品詳細 本柘認印(10.5ミリ)</title>
<meta name="author" content="まぁくんの店" />
<meta name="description" content="商品詳細ページ_,
本柘認印(10.5ミリ),1,980円,印鑑(はんこ) 個人" />
<meta name="keywords" content="商品,詳細,ページ,
四条畷,四條畷,大阪,はんこ,印章,印鑑,本柘,認印,三文判,既
製品,別製品,即日,10.5ミリ,印鑑(はんこ) 個人" />です

SEO管理の情報は
TOPページ index.php
メタタグ:Author まぁくんの店 (上限50文字)
メタタグ:Description トップページ (上限50文字)
メタタグ:Keywords 印鑑,はんこ,印章,名刺,カラフル,四条畷,四條畷,大阪,オリジナル,印刷,伝票,封筒 (上限50文字)

商品一覧ページ products/list.php
メタタグ:Author まぁくんの店 (上限50文字)
メタタグ:Description 商品一覧ページ_ (上限50文字)
メタタグ:Keywords 商品,一覧,ページ,四条畷,四條畷,大阪, (上限50文字)

商品詳細ページ products/detail.php
メタタグ:Author まぁくんの店 (上限50文字)
メタタグ:Description 商品詳細ページ_ (上限50文字)
メタタグ:Keywords 商品,詳細,ページ,四条畷,四條畷,大阪, (上限50文字)

2009/06/27 ロールオーバーの仕方

[ロールオーバー] ブログ村キーワード
rollover.jsを使ったロールオーバー
特に設置が難しくなくソースもきれいです
まずrollover.jsをダウンロードしてきてサイトのjsフォルダーに保存します
ロールオーバーしたいページの

<head></head>

の間に

<script type="text/javascript" src="js/rollover.js"></script>

を足します
ロールオーバーしたい画像(123.gif)のクラスをimgoverにして下さい

<img src="123.gif" alt="" width="137" height="44" class="imgover" />

ロールオーバーですのでリンク先を設定しなくてはなりません
他にページがない場合は#を指定します
#(ヌルリンク)はジャンプはしないけどページの先頭に飛びます
リンク先に#を使うのはjavascriptを試す時に良く使われます
今回は

<a href="#"><img src="123.gif" alt="" width="137" 
height="44" class="imgover" /></a>

です
クラスが複数ある場合は半角スペースを入れます
後はロールオーバー後の画像名を123_o.gif”
(_oはアンダーバー小文字のオーです
ゼロではないので気をつけてください)
にするとマウスを画像に持っていくとロールオーバーします
備考
ヌルとは(コンピュータ)(null) 、 (架空の生物) です
hrefとはHyper REFerenceの略です
「Hypertextとは他のページなどにジャンプできるテキスト
REFerenceとは参照(すること), 照合, 参考

さらに付けたし
mailtoで題名や本文を最初に入れておきた場合の記述

<a href="mailto:メールアドレス?
subject=件名&body=本文">メールアドレス表示用</a>

ちなみにモバイルサイトで

<a href="電話番号(ハイフンなしです">電話番号表示用</a>

はクリックすると電話をかけることができます

2009/05/16 adsense広告(google)

adsense広告を載せるのに少し裏技を使ってみました
まず、adsense広告を登録します
色はブログに合わせます
ソースをコピーします
新しくページを作りソースをコピー
その下にキーワードを羅列
キーワードを

キーワード

でくくります
ブログ内にはインフレームタグで挿入します

<iframe src="http://www.makun.jp/pplog2/adsense/adesnse.html" 
height=300 width=470 scrolling="no">
</iframe>

これで表示されます

問題は同じ広告しか表示されないことです
それぞれのキーワードページを作成しランダムに貼り付けるしかないかもしれません
もしくはランダム表示のCGIを使うかしかないです
もう少し考える必要があるかもしれません

2009/04/20 IFRAMEインラインフレームタグについて

IFRAMEインラインフレームタグはページの中に他のページを読み込ませるタグです
例えば
googleの地図を自分のホームページに使用したい時
リンクをコピーすると<IFRAME>からはじまっています
使用例
HTMLソース
質問 まぁくんの店はどこにあるでしょう?

<a href="sample/a1.htm" target="box">A1.兵庫県</a><br>
<a href="sample/a2.htm" target="box">A2.大阪府</a><br>
<a href="sample/a3.htm" target="box">A3.沖縄県</a><br>
<a href="sample/a4.htm" target="box">A4.宮崎県</a><br>
<a href="sample/a5.htm" target="box">A5.北海道</a><br>
<a href="sample/hinto.htm" target="box">ヒント</a><br>
<iframe src="sample/iframe_q.htm" name="box" width="200" height="200">

この部分はインラインフレームを使用しています。
</iframe>

サンプル
A1.兵庫県
A2.大阪府
A3.沖縄県
A4.宮崎県
A5.北海道
ヒント

ハンバーグの作り方

ハンバーグの作り方
タネの中央にコーヒーゼリーを入れる
肉汁がいっぱいでる

ジューシーなハンバーグを作る
乾燥パン粉ではなく食パンを入れる
野菜と調味料を入れ
牛脂を入れる
最後に合挽肉を入れる
焼く前に溶けた脂を固める為
冷蔵庫に5分入れる

ハンバーグの焼き方
ハンバーグに少し焦げ目が付いたら
耐熱用ポリ袋ハンバーグを入れて湯煎する

ハンバーグのソース
玉ねぎとキノコをいてめる
細かく砕いたビーフシチューのルーを入れて
赤味噌
ひと煮立ちしたら出来上がり

ステーキのソース

ステーキのソース
フライパンの油を捨てる
白ワイン・醤油・レモン・バター