外部スタイルシートによるレイアウトがSEOに良い事からXHTML＋CSSの組み合わせのホームページ制作が主流となりつつあります。
しかしながらテーブルレイアウトが必ずしも良くないという訳ではありません。
SEO的に見ればテーブルレイアウトより外部スタイルシートの方が良いですが必要に応じてテーブルレイアウトにしたい場合もある訳です。テーブルレイアウトを多用していても人気キーワードで検索上位にあがるホームページもありますが、これは外部スタイルシートによるSEO以外の要素で表示されていると思われます。外部スタイルシートによるSEOはあくまで、検索上位を狙う一要素にすぎないからです。
（しかし、自力でできるSEOの手法でもあるので、やった方が良い）
テーブルレイアウトはスタイルシートのレイアウトよりラクに出来る（個人的には）ように思います。また、以前はホームページの作成といえばテーブルレイアウトが主流だったのでその当時にホームページ制作を身に付けた人は慣れているためテーブルレイアウトのままホームページの作成をしている人もいます。
ホームページがビジュアル的にきれいであれば良いという方であればテーブルレイアウトでもオーケーでしょう。（特にテーブルレイアウトはブラウザごとの表示の差もほとんどないので。）
スタイルシートによるレイアウトのブラウザ間の表示の誤差も、以前ほどはなくなってきましたが、今でも違いがあるので、各主要なブラウザでの表示がちゃんと表示されるよう注意が必要です。

CSS, HTMLについて, SEO, XHTML, スタイルシート, スタイルシートについて, テーブルレイアウト, ホームページ, ホームページのSEO, ホームページ作成, ホームページ制作

ホームページ作成にDreamWeaver CS3を使用している。
以前、DreamWeaver MXを使用していたのだが、HTML自体よく理解していない頃で本を読みながらさわっていたのだが、途中で訳がわからず断念してしまった。
ホームページ自体は一応作れても、HTMLを理解していなかったので、一度レイアウトが崩れると迷宮入りとなってしまったり、無駄にタグがふえてしまったり・・。
その後、HTMLのタグを覚え、DreamWeaver CS3を使う事になりました。
そこでやっとホームページ作成ソフトの良さがわかったように思います。
以前はホームページ作成ソフトといえばHTMLなどの知識がなくても簡単にホームページが作れるものという考えをもっていました。ある意味、それはそれで間違ってはいないのですが、ホームページ作成ソフトの本来の能力が発揮されるのはHTMLを覚えてからだと思いました。

DreamWeaver CS3, HTML, HTMLについて, スタイルシートについて, ホームページ, ホームページのSEO, ホームページ作成, ホームページ作成ソフト, ホームページ制作

前の記事でホームページの縦書きを試してみました。
以下のような記述で縦書きの文章になります。
「テキストを入れる」の部分に文章を入れると実際には縦書き表示されます。 
スタイルシートで縦書きを実現していますので古いバージョンのブラウザだと縦書きにはなりません。

<spanstyle=”direction: rtl; writing-mode: tb-rl”> テキストを入れる</span>

CSS, HTML, HTMLについて, スタイルシート, スタイルシートについて, ホームページ, ホームページ制作, 縦書き

縦書きのホームページは出来ないものかと調べてみた。スタイルシートを使用すると以外と簡単にできるようだ。だが、スタイルシートが適応されないと意味がないので古いブラウザだと無理。縦書きにして何かメリットはあるのか？と言ってしまえばそれまでだが何となく試してみたくなるものです。

HTMLについて, スタイルシートについて, ホームページ制作, 縦書き

以前、メモ帳（ウィンドウズ付属のテキストエディタ）に直接タグを記述してホームページを作成していた。
HTMLの記述、CSSの記述を手打ちで行っているとかなりの作業量だがそのおかげで結構勉強になった。
それ以前にホームページ作成用ソフトを使用していた事もあるが、タグもよくわからない状態で使っていたので結局変更するたびに無駄なソースを増殖させる結果になっていた。
幸い今はある程度理解できたので、ホームページ作成用ソフトを使いながら必要に応じて手打ちをしているが、このやり方が一番作業効率が良いようだ。

CSS, HTML, HTMLについて, スタイルシートについて, タグ, ホームページ作成ソフト, ホームページ制作, メモ帳

SEO、作業効率、ビジュアル面から、CSS（スタイルシート）を別ファイルにする。
SEO的には、ホームページのデザインと文章構造の分離をする事でHTMLファイルに記述されたテキストをクローラーが拾いやすくなる。（この際、HTML内にCSSの記述やJavascriptの記述があるのはマイナスになる）
作業効率はCSSファイルを修正する事で複数のHTMLファイルのビジュアルやレイアウトの変更を一斉に行うことができるため格段に良くなる。
ビジュアル面では、レイアウトデザインの自由度が上がる。（テーブルレイアウトを必要最低限に抑える）
そして、テーブルレイアウトもSEO的にはマイナスなので必要最低限に抑える事で、メリットがある。
テーブルレイアウトがSEO的にマイナスなのは、本来ホームページのレイアウトデザインの為のモノではない為である。テーブルは表計算などに使う目的のモノだが、ホームページのデザインに都合が良かった（ブラウザ間の見た目の誤差が少ない為、昔は良く使われた。）のだが、スタイルシートなど技術やブラウザの互換性の進歩により、あまりホームページのレイアウトには使われなくなってきた。クローラーもテーブルを嫌うのでなるべくテーブルを使わずCSSによるレイアウトにまとめたいものだ。

CSS, HTML, HTMLについて, SEO, クローラー, スタイルシート, スタイルシートについて, テーブルレイアウト, デザイン, ホームページ, ホームページのSEO, ホームページ制作, レイアウト

Recently Written

• googleページランク
• フルフラッシュのモバイルサイトの制作
• タグ、YAHOOカテゴリ登録、外部リンクによるSEOの結果
• モバイルサイトの検索はgoogle?、YAHOO?
• きれいなホームページ
• SEOの為、FLASHを外部ファイル化してHTMLを軽量化する
• ホームページのSEOにおけるCSSレイアウトとテーブルレイアウトの違い
• ホームページ作成ソフトでの制作作業
• モバイルサイトのYAHOO!モバイルへのカテゴリ登録はSEOに有利？
• ホームページのRSSフィードやAtomフィードを自動作成するソフトを使ってみた

Categories

• ホームページ制作
  • HTMLについて
  • スタイルシートについて
  • フラッシュ
  • ホームページのSEO
  • モバイルサイト作成

Archives

• 2008年 7月
• 2008年 6月
• 2008年 5月

Blogroll

• ふすま張替え -南表具店- - 愛知県春日井市近郊のふすまの張替えはおまかせ下さい！
• アロエ - アロエについての効能やアロエ健康食品、サプリメントなどの紹介。
• アロエの効能とアロエ食品 - アロエの効能とアロエ健康食品やアロエ商品などの紹介。
• アロエ健康食品 - アロエ健康食品やアロエに関する情報、その他健康食品情報、便秘解消、美容について。
• アロエ健康食品「アロエ博士の宝島」 - アロエ健康食品のショップ。総合医療の藤田保健衛生大学の研究所で開発されたアロエ商品。
• イラストレーター使い方 - アドビのイラストレーター8.0の使い方のサイト。初歩的なイラストレーターの使い方から小技までマックで紹介していきます。
• ウェブデザインをスタイルシートできれいなホームページにしよう - きれいなウェブデザインでホームページを制作するためにスタイルシートをつかったウェブデザインを学ぼう！
• ウォータージェット 切断加工 -TSindustry- - 抜型、ウォータージェット切断加工、レーザー加工などはTSindustryにおまかせください。
• キックボクササイズふぶき - パンチにキック！格闘技で楽しくダイエット。
• キックボクシング ムエタイ -キング･ムエ- - 名古屋でキックボクシング、ムエタイ、ボクササイズ、フィットネスなど目的に合わせた運動が楽しめます。
• キックボクシング 総合格闘技 柔術 -Ares- - 豊川市でキックボクシング、総合格闘技、柔術、女子シェイプアップストライキングのレッスンを行っています。
• キックボクシング 総合格闘技 柔術 -GSB- - 名古屋市緑区でキックボクシング、総合格闘技、柔術のレッスンを行っています。
• ケーキ 洋菓子 春日井 -Sincere- - 愛知県春日井市でケーキ、洋菓子の販売を行っております。
• ゴルフ練習場 名古屋 春日井 -GHK- - 名古屋、春日井の頑張るゴルファーを応援するゴルフ練習場です。
• テクノラティお気に入りに追加する
• ホームページ作成格安GATE - 格安でホームページ制作を行います。名古屋・愛知・大阪・東京・全国のホームページ作成はお任せ下さい。
• ホームページ制作 名古屋 -KHデザイン- - ホームページ制作、運営、SEO対策、イラスト作成、フラッシュ制作などインターネットビジネスをトータルサポート。
• ホームページ制作名古屋GATE - 名古屋を中心にオーダーメイドのホームページ制作で売上アップを実現させます。
• マッサージ求人.com - イベント会場やアミューズメント施設などで活躍するマッサージスタッフを募集する求人サイトです。
• リフォーム 店舗 デザイン 内装 -Season- - 店舗のリフォーム・デザイン・内装、住宅のリフォームなど愛知県名古屋市、春日井市を中心にご依頼受付中。
• 依田由利子フラメンコ教室 名古屋 - 依田由利子フラメンコ舞踊団は公演、インストラクター育成、フラメンコ教室などを行っています。
• 一宮 美容院 美容室 -髪技空間anon- - 愛知県一宮市の美容院です。超ダメージレスメニューにこだわっております。
• 家庭菜園 プランター 通販 -家庭菜園ショップあかまつ- - 家庭菜園プランターを通信販売いたします。都会やベランダなどで楽しい野菜作りを。
• 空手 ボクシング 用品 通販 -格闘技用品GIRD- - ボクシング、空手などの格闘技用品を格安価格にて通信販売しています。
• 結婚相談所 名古屋 -TKAブライダルサポート- - 名古屋や東海地区、愛知県、岐阜県、三重県などで結婚相手をお探しの方をサポートいたします。
• 健康食品 - 健康食品、栄養補助食品などの紹介。お得な健康食品情報やその効能など。
• 健康食品 通販 販売 -健康市場- - 低価格で高品質、ピュアな健康食品原料粉末を通信販売しております。
• 光ファイバー 照明 -彩電- - 光ファイバー照明工事、設計から施工、販売を行なっております。
• 工業用ブラシ -米津ブラシ- - ロールブラシ、板ブラシ等の工業用ブラシの製造、販売。
• 広告チラシの制作 - 広告チラシ制作や、ホームページについて。
• 広告制作 - 広告を制作する方法とその為のイラストレーターの使い方等の説明。
• 広告制作とホームページ作成 - 広告制作やホームページ作成について。広告、チラシなど印刷物を制作する際の注意点と方法。
• 広告制作会社・ホームページ制作会社C-style（シースタイル） - ホームページ作成・広告制作・チラシ制作など印刷物関連のデザイン会社。愛知県名古屋近辺。
• 四季桜の寺 -妙乗院- - 愛知県東海市にあるお寺です。動物霊園、納骨堂があり、席貸しも行っております。
• 資格を取る基礎知識・国家公務員や役立つ資格 - スキルアップや仕事に役立つ資格
• 集客 イベント -BHE- - 「食」「健康」「美・癒し」をキーワードに、集客イベント企画をプロデュースいたします。
• 振袖 名古屋 -きものの三樹- - 振袖の販売・レンタル、卒業式袴のレンタルなど着物のことならお任せください。
• 相互リンク 募集 -相互リンクGATE- - KHデザインが運営する複数のホームページと一度に相互リンクできます。
• 探偵 名古屋 -アリス女性総合調査- - 探偵を名古屋周辺でお探しの方はアリス女性総合調査まで。女性アドバイザーが担当いたします。
• 探偵 名古屋 -総合調査会社bond's- - 探偵を名古屋でお探しの方はbond'sまで！身上調査、浮気調査などのご依頼受付中。
• 超初心者でも出来るイラストレーター - 超初心者用イラストレーターの使用法。
• 塗装 名古屋 -TOM創屋- - 名古屋、春日井の塗装工事、外壁塗装、建物塗替えはTOM創屋にお任せ下さい。
• 二重サッシ 網戸 通販 -DIYオーダーメイドセンター- - 二重サッシ、網戸、防犯面格子など窓のリフォームならお任せください。通信販売可能です。
• 板金加工 精密板金 板金塗装 -ワカイ産業- - 板金のことならなんでも、株式会社ワカイ産業にお任せください。愛知県春日井市にあります。
• 名古屋マッサージ施術便 - 名古屋を中心に訪問マッサージを行っています。

Admin

• ログイン
• Wordpress
• XHTML

Search