売れるためのWEBサイト構築.

Slides:



Advertisements
Similar presentations
Web アクセシビリティ ~新しいアクセシビリティの基準~ 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 山口 岳.
Advertisements

Word で XML マニュアルを編集 し、 XML を自動組版する 1. XML の自動組版概要 2. Word での原稿入力 アンテナハウス株式会社 2004/09/03.
XML ゼミ 独習 XML ~ 第 6 章 XHTML~ 6.1 XHTML の概要 6.2 XHTML の構造 谷津 哲平.
Web アプリケーション開発 ~図書館管理システム~ 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 高橋 隼.
簡易型 Web オーサリン グツールの問題点 Fumi Sonoda as FUMING
卒業論文審査会 Web の読みやすさ実験ツールの開発 岩手県立大学 ソフトウェア情報学部 ソフトウェア情報学部 4 年 柴田 大樹 指導教員:鈴木克明 藤原康宏 市川尚.
WEB デザイン基礎実 験 担当:清水,田代 副手:浦辺,石井 ( 1 日目) NC-2 情報通信基礎実験.
Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、( JavaScript ) Web サイトの構築とは –HTML 文書をインターネットに公開するこ と= Web パブリッシング.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
コンピュータ基礎実習 ( 上級 ) 第九回 スタイルシート 清水淳紀. はじめに  今回の内容  スタイルシート (CSS) とは何か  CSS の役割  CSS の利点  スタイルシートの基本  CSS の記入方法  基本的な CSS の例.
見る人に優しいホームページ作 り NTCommittee2 関東勉強会 ブルーミング 花井貴久子 2002 年 11 月 30 日.
「Webアクセシビリティ」研究と Webページの試作 -視認性,操作性向上のための提案と試行錯誤的実践-
水曜パソコン講座 「Windows Update プログラム  を実行する手順」         を解説します.
インターネットの利用 教科書 P22~27,36~41 埼玉県立大宮武蔵野高等学校・情報科.
検索エンジン最適化.
技術トピックス 2014/10.
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
HTML 5の表現力 楽しいアプリ制作の会 TWorks 蜜葉.
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 田中 聡
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (2日目) 担当:清水,田代 副手:浦辺,石井.
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
HTMLの記述と WWWにおける情報公開 遠藤
IE5でアプリケーション開発 東日本計算センター 小野 修司.
売れるためのWEBサイト構築.
Webフォントって何? Webページ中のテキスト表示に使うフォントを指定した場所からダウンロードして適用させるもの
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
第1回 HTML5入門.
ホームページの作り方.
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
ここに一行でタイトルを入れます。 ・箇条書きはこのテキストボックス(行間や字間は調整済み)を使います。 ・段落間隔も調整してあります。
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
第4回 個人の動画配信補足のためのWeb構築
第3章 第2節 ネットワークを活用した 情報の収集・発信 6 情報の多様な提示方法 7 構造を工夫した情報の表現方法 8 ウエブページの公開
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
情報工学科 05A2301 樽美 澄香 (Tarumi Sumika)
『もんたメソッド実用化』 -PowerPointで「もんた」- umakoya.com 株式会社 法研.
共同ローカリゼーション フレームワーク 井上 謙次.
近畿大学理工学部情報学科3年 自然言語処理研究室 小野 実
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (1日目) 担当:清水,田代 副手:浦辺,石井.
卒業研究成果発表会 Webの読みやすさ実験ツールの開発
第3章 第2節 ネットワークを活用した情報の収集・発信(4) 情報Cプレゼン用資料(座学35) 担当 早苗雅史
片岡 哲也 (社) システムエンジニアリング岡山
オープンソースソフトウェア osCommerceにおけるデザイン変更
家畜ふん堆肥中の窒素の効き方を考慮した化学肥料との協調利用 普及への取り組み
パスファインダーの作成 slis. tsukuba. ac. jp/~fuyuki/cje2/CJE161018
基礎プログラミング演習 第1回.
2016年度秋期 成果発表会 2016年11月25日 大阪開発センター 技術一部 畑中 龍樹.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
HTTPとHTML 技術領域専攻 3回 中川 晃.
3 HTMLとcss ・ユーザビリティの観点からHPがどうあるべきか、はだいたいお分かりいただけたと思います
情報工学部 情報工学科 石原研究室 11A1021 重永 実沙希
ネットショップデザイン入門Ⅰ・ⅡSEO 2013/12/18 Webデザイン入門 SEOの基本.
売れるためのWEBサイト構築.
ミドルウェア”TSUNAGI”を 用いたWEBアプリケーションの構築
HTML の成り立ち 惑星物理学研究室 4年 安達 俊貴.
Webデザイン入門 Expression Web 解説
一人暮らしの男性のための料理検索システムの設計
埼玉県情報サービス産業協会主催 プログラミングコンテスト2018 応募企画
情報学類 2年 吉田 光男 ブラウザで使う RSS Reader の実装 情報学類 2年 吉田 光男
Htmlの基本.
個人の動画配信のためのWebサーバ構築 06A1058 古江 和栄.
Pattern Library Project
基礎技術ー3 : Webページの標準規格について
売れるためのWEBサイト構築.
売れるためのWEBサイト戦略.
情報ネットワークと コミュニケーション 数学領域3回 山本・野地.
初心者向けの株の解説 自身の運用体験のWebサイト制作
オープンデータ流通推進コンソーシアム 情報流通連携基盤・外部仕様書 (平成24年度版) Call for Comment結果報告
Presentation transcript:

売れるためのWEBサイト構築

前回までのあらすじ SEOの優先度としては高くは無いが、WEBサイトのソースはシンプルな方がロボットが訪問しやすい

今回の目的 HTML・CSSの種類 HTML・CSSの使い分け SEOを考慮したHTML・CSSの記述方法

HTMLの種類 W3Cが規定する標準プログラム 最新バージョンは、「HTML4.01」 作業の効率化、アクセシビリティを高めるためバージョンアップされている W3Cは、XHTMLで記述することを推奨しているが、SEOでのメリットが少ないため、あまり普及されていない W3C・・・WWWで利用される技術の標準化を薦める団体 WWW・・・インターネットで標準的に用いられるドキュメント   システム

CSSの種類 HTML4.0からW3Cが記述を推奨(SEOに考慮) 最新バージョンは、「CSS2.1」 これもXHTML同様、ブラウザがCSSのバージョンに追いついていないことがある

SEOを考慮したHTMLの記述 記述例 画像にalt属性を設定 フレームタグ<frame>のデメリットを知る テーブルタグ<table>を入れていないか 見出しタグ<h1~h6>を正しく記述しているか CSS等をHTMLに記述していないか 文章は<p>~</p>で記述しているか 箇条書きタグで、見やすい文章にしているか

SEOを考慮したCSSの記述 記述例 CSSはHTMLと違い、正しく記述されることのみがSEO対策になる ただし、複数のブラウザに対応するため、ブラウザ確認が必要 (例:IEとFirefoxでは羅線の位置が違う) 参照

まとめ HTMLとCSSなどで書かれたソースは、SEOにそこまで重要視されない しかし、訪問者に気持ち良く、訪問してもらうために正しく記述することが大切

次回の予定 プログラム以外での最低限のSEOとは? サイトがスパム判定にならないための対策 (上位表示されているWEBサイトを分析)

ご清聴ありがとうございました