HOME 当ブログについて RSS 2.0

おすすめの無料サービス
最近の記事

2009年04月28日

間違うとちょっと恥ずかしいHTMLタグ,CSSの発音

普段何気なく使っているHTMLタグやCSSの記述単語ですが、同じ会社の社員でも発音が違うことがありますよね… 一般的に間違った発音で覚えられることも多い単語を集めてみました。


width(幅)正しい発音:ウィドゥス、ウィトゥス
(よくある発音 ワイズ、ウィズ、ウィツ)

height(高さ)正しい発音:ハイト
(よくある発音 ヘイト)

embed(プラグイン埋め込み)正しい発音:エンベッド、インベッド
(よくある発音 エムベッド)

li(リスト)正しい発音:エルアイ、リスト
(よくある発音 リ)

align(配置指定)正しい発音:アライン
(よくある発音 アリジン、オリグン)

valign(配置指定)正しい発音:ブイアライン
(よくある発音 バリグン、バライン)

alt(代替テキスト)正しい発音:オルト
(よくある発音 アルト)

col(カラム)正しい発音:カラム
(よくある発音 コル)

href(リソース)正しい発音:エイチレフ
(よくある発音 ハレフ、ハーフ)


人に意味が伝わればいいはなしなのであまり厳密にしなくていいと思いますが参考までに。

>>他のWebデザインブログも見る

posted by dai at 14:11 | Comment(0) | TrackBack(0) | HTML

2009年04月16日

全てのSEOの原点はここだ!各種検索エンジンのサイト品質ガイドライン

いろいろSEO対策をしても結局たどりつくところがこのガイドラインだ。どんな検索エンジンもユーザーにとって最適のコンテンツを検索結果に表示しなければ意味がない。小手先だけのSEOを施したサイトが上位に表示されては検索エンジン側は非常に困るわけだ。

SEO対策にもいろいろある。もちろんその時々で効果的なSEOは存在するが、結局のところユーザーに好まれるコンテンツを提供するサイトが生き残っていくと思われる。それが検索エンジンの目指すところだからだ。

そこで今一度原点に戻って各検索エンジンのサイトの品質ラインを確認してみるのは良いことだろう。下記に各検索エンジンのガイドラインを列挙したので私も含めよく精通したいと思う。


Yahoo!検索コンテンツ品質ガイドライン
s01.jpg


Google ウェブマスター向けガイドライン
s02.jpg


MSN コンテンツガイドライン
s03.jpg


W3C ウェブコンテンツ・アクセシビリティ・ガイドライン
s04.jpg

>>他のWebデザインブログも見る

posted by dai at 15:09 | Comment(0) | TrackBack(0) | SEO

2009年04月03日

サイトマップの更新忘れていませんか?無料サイトマップ作成ツールの使用で簡単生成

意外と忘れがちなサイトマップの更新…

とてももったいない話ですがサイトマップ(sitemap.xmlなど)をサイト立ち上げ時に作ったものの一度も更新していないといった話をよく聞きます。それではせっかく新しいページを作っても検索ロボットが見つけてくれない可能性もあります。

検索ロボットも一度にサイトの全ページを閲覧しインデックスするわけではなく一度の訪問で数ページほどしかインデックスしません。その際に新しく追加したページも見つけてくれればそれでいいですが同じページを見ている可能性もあります。

SEOの観点からみても新しくページを作成した時はサイトマップも更新するのは大切です。簡単にサイトマップを作成できるツールを紹介します。

SEO対策/FC2サイトマップ
http://seo.fc2.com/sitemap/

ここのURLを入力すれば自動で生成してくれます。作成時にYahoo!やGoogleなどにどのページがインデックスされているかも確認できるので便利です。まだサイトマップを作成していない方は簡単なので作成して見てくださいね。

>>他のWebデザインブログも見る

posted by dai at 15:21 | Comment(0) | TrackBack(0) | SEO

2009年03月30日

SEOで参考にしたい生の情報

SEOで参考にしたい生の情報は大きく分けて2つある。それは検索エンジン側の生の声とユーザーの生の声だ。やはり両者の声を聞き合わせた上でこそSEOがなりたつだろう。そこで両者の意向の参考にいくつかのサイトを紹介したい。



検索エンジン側の生の声


Yahoo!検索スタッフブログ
2009-3-30-1.jpg

Yahoo!検索の動向や開発背景など


Google Japan Blog
2009-3-30-2.jpg

Googleの開発者の声

これは検索エンジンの生の声にあたる。関係者でなくても一度は見たことがあるブログかもしれないが、アルゴリズムの変更やインデックスの傾向などが逐一報告されるので定期的にチェックしたいサイトだ。中途半端なSEO情報に左右されるよりは、まずはこちらで検索会社の動向を見極めたい。



ユーザーの生の声


Google急上昇ワード
2009-3-30-3.jpg

キーワードトレンド情報の中でもひときわ更新が早い!


Yahoo!検索ランキング
2009-3-30-4.jpg

前日に比べて検索数が急増したキーワード


MSN 気になる言葉

livedoor 検索おすすめ!注目ワード - livedoor検索

キーワードランキング - goo ランキング


いわゆる各種検索サイトのキーワードのトレンド情報だ。ただ単に検索数の多いキーワードではなく”急”上昇のキーワードだ。ユーザーが何を求めているのか、時宜にかなった旬のキーワードを直接探れる。同じように他の検索エンジンにも同サービスのページがあるので逐次チェックしたい。

>>他のWebデザインブログも見る

posted by dai at 11:01 | Comment(0) | TrackBack(0) | SEO

2009年03月03日

海外素材サイトのような日本の無料素材サイト

無料素材は海外のサイトの方が質がよかったり、利用規制があまりないように思われます。とはいえ日本のサイトで海外の素材を使うとちょっと異国情緒なデザインになりがち…

そこで私がブックマークしている日本の無料素材サイトで質の高い素材を提供しているサイトを厳選。


0303.jpg
ホームページ無料素材集 アウェイクイメージーズ

無料の写真素材の数が多く、クォリティーの高い写真が多いです。また背景素材なども実際に使えそうなものが多いです。



0304.jpg
everyday icons

写真以外のアイコン等を多く取り揃えています。

>>他のWebデザインブログも見る

posted by dai at 15:53 | Comment(0) | TrackBack(0) | 素材サイト

2009年01月08日

最新のワードプレス無料テンプレート集

先日から新しいワードプレス2.7を使い始めました。
無料のワードプレスのテーマをたくさん見つけたのでアップしておきます。(ほとんどが無料です)



プレミアムワードプレステンプレート無料50個

2009-1.jpg
50 Free & Premium WordPress Themes


ベストフリーワードプレステンプレート2008

2009-2.jpg
Best Free WordPress Themes in 2008


コーポレートサイト ワードプレス無料テンプレート20

2009-3.jpg
2008 20 Free Corporate WordPress Themes

>>他のWebデザインブログも見る

posted by dai at 14:45 | Comment(0) | TrackBack(0) | ワードプレス

2008年12月01日

firefoxやsafariでmargin(マージン)が反映されない場合

親要素のブロック内の左右にfloat(フロート)させたブロックを配置した場合、子要素内のmargin(マージン)が反映されない場合の対処法。

このように記述した場合marginが表示されない場合がある。(IE6や7では反映されるがfirefoxやsafari、IE8では余白ができない)


これはCSSの正しい処理です。子要素がフロートつまり親要素から浮いてしまっているからだ。

この場合マージンを設定したい場合。

上記のように子要素にmarginやpaddingを記述するとマージンがとれる。

>>他のWebデザインブログも見る

posted by dai at 16:45 | Comment(0) | TrackBack(2) | CSS

altの内容を表示させないようにしたい場合

画像にaltを指定して代替テキストを入れた場合、IEなどで画像にマウスをのせると代替テキストが表示されてしまいます。
altは入れたいけど表示させたくないときの対策。

 
このようにtitleを入れ中を空にすると代替テキストは表示されなくなります。

>>他のWebデザインブログも見る

posted by dai at 15:04 | Comment(0) | TrackBack(0) | CSS

2008年11月14日

簡単にパノラマ写真を作るソフト

パノラマ写真を簡単に作成するソフトの紹介です。
最近では1000px以上の横長のサイトも多くなり横伸ばしの写真をトップに使用することが多くなりました。私が使っているのはパノラマメーカー(panorama maker)というソフトですがいろいろ合成するソフトがあったのでご紹介。

まず複数の写真を準備。
写真の撮り方としてはレンズの中心点を水平線上(地上線)に合わせ水平移動させて撮る。

2008-11-03.jpg

これをソフトでつなぎ合わせるとこんな感じ。

2008-11-04.jpg

つなぎ合わせた部分などがほとんど分かりません。Photoshopなどで自分で作成するよりもパノラマ写真の場合は専用ソフトに頼るほうがいいですね。

2008-11-02.jpg
ArcSoft Panorama Maker 4 Pro
今回使ったパノラマ写真作成ソフト。完成度は一番高いです。フィルタリングや切抜きなどの編集の必要がありません。体験版もあるようです。


2008-11-01.jpg

Microsoft Research Image Composite Editor (ICE)
マイクロソフトのパノラマ写真作成ソフト。フリーソフトの中では一番おすすめ。

Open Source Software hugin
メニューなどが日本語表示ができるらしいので英語が苦手な方にも。

PhotoFit feel
日本のフリーソフト。つないだ部分のぼかし機能なども。

>>他のWebデザインブログも見る

posted by dai at 11:03 | Comment(0) | TrackBack(2) | 画像テクニック

2008年10月07日

高さ100%でfooter(フッター)を常に下に配置し、コンテンツの量に追従して可変するCSSとHTML。

コンテンツの量が少なくても高さを100%保ち、フッターが常に下に配置されるようにし、また多い場合でも可変して表示するCSSとHTMLテンプレート。

HTML


CSS


Firefox、safari、IE6、IE7、IE8に対応しています。

>>他のWebデザインブログも見る

posted by dai at 14:21 | Comment(0) | TrackBack(4) | CSS