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

Slides:



Advertisements
Similar presentations
XML ゼミ 独習 XML ~ 第 6 章 XHTML~ 6.1 XHTML の概要 6.2 XHTML の構造 谷津 哲平.
Advertisements

WEB デザイン基礎実 験 担当:清水,田代 副手:浦辺,石井 ( 1 日目) NC-2 情報通信基礎実験.
視覚表現--CSSでwebページを自由にデザイン
検索エンジン最適化.
レンタルショッピングカートマニュアル ~ Google Analytics 編 ~
第11回JavaScriptゼミ セクション8-2 発表者 直江 宗紀.
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
変換前データ 変換後データ vrtl Titleへんな毒すごい毒 H1毒のサイエンス毒と薬のちがいとは? toc-001-1
Webアプリケーションの 通信メカニズム WEBアプリ研究プロジェクト 第2回.
第12回(1月13日) 文書処理 久野禎子.
タグの直接入力によるウェブページの制作 練習課題1~3
東広島Event Maps ~サイトデザイン~
CMSとは?.
HTMLの記述と WWWにおける情報公開 遠藤
オペレーティングシステムⅡ 第5回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/11/6.
スマホでも動作する JavaScript製 アドベンチャーゲームの作り方
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
NetworkAssistTakaoka
HTML版パスファインダーの作成 CSSの利用 hp. infoseek. co. jp/cje10
NetworkAssistTakaoka
ホームページの作り方.
第4回 個人の動画配信補足のためのWeb構築
第1回 JavaScriptゼミ ・ scriptエレメント ・ 記述における諸注意 ・ 古いブラウザへの対応方法
オペレーティングシステムⅡ 第3回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/16.
JavaScript 成瀬 基樹 平野 敦 北浦 繁.
見た目を定義する技術 CSS(スタイルシート).
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
Webコミュニケーショングループ ~CGI勉強会~ (データーベース編)
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (1日目) 担当:清水,田代 副手:浦辺,石井.
Javaプログラムの実行まで バイト Javaの コード 実行 ソースコード Java ファイル名 ファイル名 abc.java
WebDesigner StartGUide
スタイルシート C306 情報発信の基礎【第6回】.
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
Ver HTML概論 Inf. Math. 5.
Ⓒ2008 E.Moriya HTML概論 2018/9/17 Inf.Math.III.
イベント参加者登録用DB.
オープンソースソフトウェア osCommerceにおけるデザイン変更
※現在辻はAmazonの「この本を買った人はこの本も買っています」
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
HTTPとHTML 技術領域専攻 3回 中川 晃.
ガジェット・マスターへの まわり道!? ~Ajaxを理解しよう~
第4回 javaのプログラミング 04A2029           古賀慎也.
制作技術ー4 アクセスカウンタ等付加機能 PHP と Javascript
情報スキル活用 第7週 制作技術-1 情報の記述と画面のデザイン.
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
パートナー様向け 仕事のご説明資料 関係者外秘 (他の方に絶対に開示しないでください).
ネットショップデザイン入門Ⅰ・ⅡSEO 2013/12/18 Webデザイン入門 SEOの基本.
売れるためのWEBサイト構築.
スマホ追従バナー スクロールしてもついてくる! スマートフォンでの回遊性アーップ★.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
制作技術ー3 双方向通信 : CGIシステムと環境変数
情報スキル活用 第8週 制作技術-2 画面の分割.
T2V技術 Web製作ラボ 5/9, 2012 hayashiLabo 11.
売れるためのWEBサイト構築.
情報スキル活用  第6週    基礎技術のまとめ  復習.
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
ウェッブページ書法の復習 ネットワーク論以前のお話.
HP作成 そろそろまとめ編 担当:TAの人.
基礎技術ー3 : Webページの標準規格について
売れるためのWEBサイト構築.
売れるためのWEBサイト戦略.
第14回放送授業.
PHP と SQL (MySQL) の連携 日本語のデータを扱う
例題のプログラムを通して JavaScriptの仕組みを理解することとします。
情報スキル活用 第6週 制作技術-1 情報の記述と画面のデザイン.
第5章 スタイルシートによる レイアウトデザイン
第2章 HTMLの基本 2.1 HTML文書の書き方 2.2 基本的なタグ 2.3 テキスト関連のタグ 2.4 リンクタグ
キャッチコピー Works Blog Profile Works Blog Profile TOPページ 実績 ブログ 人物
Presentation transcript:

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

前回までのあらすじ WEBサイト上位表示には最低限のSEOが必要 Google,Yahoo!などはコンテンツが充実したWEBサ イトを上位表示させたがっている つまり、検索エンジンが「コンテンツ重視」になりつつ ある

今回の目的 WEBサイトのテンプレート作り クリックされやすい記事の書き方 検索結果に表示させる

WEBサイトのテンプレート テンプレート (http://netmadsen.com) XHTMLとCSSを分けて作成 カテゴリなし サイト上部に興味のあるコンテンツを書く (狙うSEOキーワードを入れる)

<HTMLソース> <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta name="description" content="サイト説明文" /> <meta name="keywords" content="メインキーワード,サブキーワード," /> <title>サイトタイトル</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <link rel="stylesheet" type="text/css" href="styles.css" media="screen,tv" /> </head> <body> <div id="base"> </div> </body></html>

<CSSソース> #base { width:800px; margin-right: auto; margin-left: auto; background-color: #ffffff; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #808080; border-left-width: 2px; border-left-style: solid; border-left-color: #808080; border-right-width: 2px; border-right-style: solid; border-right-color: #808080; text-align:left; } //長さ //外枠(右) //外枠(左) //背景色 //内枠(広さ)

クリックされやすい文章の書き方 ・なぜ必要なのか ・悩みの深さ ・男性か女性か ・年齢層 ・本人か家族のためか など

検索結果に表示させる <インデックス方法> クローラー 無料ブログ ランキングサイト ブックマークサイト <確認方法> Site:サイトのアドレス

まとめ 訪問者の悩みを解決させてあげるコンテンツを書く 「誰に向けたサイトなのか?」を明確にしないと売れな い 量と質を考慮したWEBサイトが売れる

次週の予定 WEBサイト集を完成 インデックスさせる 検索結果

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