Microsoft PowerPoint _3a-SEO.pptx
|
|
|
- ありおき さわい
- 7 years ago
- Views:
Transcription
1 3.Web の使いやすさ 検索エンジン最適化 Web アクセシビリティ 1 検索エンジンのシェア 2018 年 5 月現在の世界シェア (%) モバイル にはタブレット端末も含む デスクトップ モバイル Google Baidu ( 百度 ) Bing ( マイクロソフト ) Yahoo! その他 出典: 2
2 1990 年代の検索エンジン Google 以前の検索エンジンが目指したこと どれだけ多くのページを検索対象にできるか どれだけ速く検索結果を提示できるか その結果 利用者に有益な ( 信頼できる ) 検索結果が得られなくなった ランキングを上げるために, ページ内に作為的に多数のキーワードを埋め込むこと等が行われた Google(1998 年より稼働 ) が目指したこと より役に立つページを検索結果の上位に表示する ( ランキングの信頼性向上 ) 3 検索エンジン最適化 : SEO(Search Engine Optimization) 予め想定したキーワードに対して,Web ページが検索結果の上位に表示されるように工夫すること 各検索エンジンがどのような基準で検索結果 ( ページ ) を順位付けているか, 様々な状況から推測する Google の特性を考慮した対策が必要 簡単に言えば サイト内の各ページの情報を, 検索エンジンにわかりやすく伝える ページ内容はクローラによって解析される 4
3 検索結果の順位付けに影響を及ぼす 2 つの要因 ページ内要因 対象ページ内の記述 例 : キーワードの出現回数や出現位置 タイトル要素, 見出し要素などに含まれている文字列 ページ外要因 サイト外から対象ページへのリンク元 例 : 対象ページにリンクしているページ ( リンク元ページ ) の質 対象ページへのリンク数 ( 被リンク数 ) 5 Google( クローラ ) によって保存されたキャッシュページ 国立国会図書館 で検索 キャッシュ されたページを開く [ 閲覧 ] 6
4 検索エンジン (Google) のしくみ : クローラによるページ情報の収集 ページ情報の収集 クローラ クロール対象となるページのリンク情報 Web サイト ページ情報 ページ内容を保存 インデクサ 新たなリンクを登録 キーワードとページの対応表を作成 リンク情報 リンク元のページを考慮 ユーザ 検索要求 ( キーワード ) タイトルと概要 検索サーバ インデックス情報 検索結果を順序付けて表示 キーワードに関連するページの URI ページランク ページの重要度 S. Brin, L. Page (1998) 7 ページ外要因 Google 以前の検索エンジンは検索結果の順位付けをページ内要因のみに頼っていた ページ内要因はサイト制作者によって操作可能 作為的なキーワード埋め込みにより検索結果の信頼度が低下 ページ外要因は Google によって初めて考慮された (1998 年 ) ページ外要因は第三者によるリンク行為による評価 作為的な変更が行いにくい 8
5 リンクポピュラリティ 外部から張られているリンクの数と質で評価されるページの重要度 ( ページ外要因 ) PageRank( ページランク ) 評価の高いページからのリンクは評価が高い 多くのページからリンクされているページは評価が高い リンク数の少ないページからのリンクは評価が高い リンクポピュラリティは一般名称 (PageRank は Google の商標 ) リンク先を厳選した, 質の高いページからリンクされると評価が高まる 9 リンクポピュラリティの計算例 各ページの評価値をリンク数で配分 リンク先では全てのリンクが持つ評価値の総和をそのページの評価値とする 評価値 100 評価値が高いページ (yahoo.co.jp 等 ) [100/2] [100/2] [20/2] [20/2] 評価値 20 評価値 1 12 [1/1] [1/1] 評価値 1 評価値が低いページ ( 個人のページ等 ) リンク先での評価値 10
6 < 練習 3-1> リンクポピュラリティ 下の図で, 四角形内の数値はそのリンクポピュラリティ, 矢印はハイパーリングによる参照関係を表している. このときページ (a)(b)(c) のリンクポピュラリティを求めなさい (a) (b) (c) 11 ページ内要因 クローラは HTML 文書内のテキスト内容を解析 画像や動画コンテンツ内の文字は解析されない 文法的に誤りのない文書であることが望ましい スタイル指定 (CSS) やスクリプト (JavaScript) 記述も対象外 キーワード抽出でクローラが考慮する要因 ページ内での役割 ( タグの種類 ) タイトル要素, 見出し要素, アンカー要素, 強調要素 ページ内で出現頻度 ( 厳選して使用する ) 多用するとスパム行為とみなされ, ペナルティを受ける ( 検索順位が下落する ) 場合がある 12
7 内部対策 ページ内要因を考慮する クローラに理解しやすいように HTML を整える 訪問ユーザにも理解しやすくなる 以下で取り上げる内部対策 (1) タイトル要素 (2) 見出し要素 (3) アンカー要素 (4) 強調要素 13 内部対策 : (1) タイトル要素 検索エンジンは title 要素内のキーワードをページ内のどの文字列よりも重視する ページ内容に合った ( ページ固有の ) タイトルを付ける トップページ <html> <head> <title> 格安航空券 </title> </head> <body> <h1> 旅行 </h1> </body> </html> <title> アジア旅行 : 格安航空券 </title> アジア旅行のページ <title> ヨーロッパ旅行 : 格安航空券 </title> ヨーロッパ旅行のページ 14
8 内部対策 : (2) 見出し要素 タイトル要素と同程度に重視される h1は特に重視されるが多用しても効果はない 文書構造に見合った使い方をする h1 ( 大見出し ),h2 ( 中見出し ),h3 ( 小見出し ) <h1>abc 旅行社 </h1> <h2> 国内旅行 </h2> <h3> 北海道 </h3> <h3> 東北 </h3> <h3> </h3> <h2> 海外旅行 </h2> <h3> アジア </h3> <h3> ヨーロッパ </h3> <h3> </h3> <h1>abc 旅行社 </h1> <h1> 国内旅行 </h1> <h1> 北海道 </h1> h1 要素はページ内で 1 箇所にとどめる <h1>abc 旅行社 </h1> <h3> 国内旅行 </h3> <h2> 北海道 </h2> 構造が論理的でない ( レベル 1 の次にレベル 3 がくる ) 15 内部対策 : (3) アンカー要素 そのページ内で重要なキーワードとみなされる リンクテキストにはリンク先のページ内容と関連の深い具体的な用語を用いる ( 指示代名詞は用いない ) <a href= liquid_crystal_tv.html > 液晶テレビ </a> についてはこちらへ 液晶テレビについては <a href= liquid_crystal_tv.html > こちら </a> へ 画像リンクには alt 属性を付ける こちら ( 指示代名詞 ) はページ内容に直接関係しない <a href= <img src= menu1_4.gif" alt=" 在学生の方へ就職 進路 国際交流など " > </a> 16
9 内部対策 : (4) 強調要素 strong 要素で強調された内容は重視される ページ内での使用は多くても 3 回程度にとどめる (strong 要素を多用すると逆効果になる ) 例. ブラウザ上での表示は同じ 液晶テレビ の部分が太字になる <strong> 液晶テレビ </strong> の紹介 強調を意味しない ( 見た目を変更している ) のでキーワードとして重視されない <span style= font-weight:bold; > 液晶テレビ </span> の紹介 17 Google によるウェブマスター向けガイドライン ( 品質に関するガイド ) 基本方針 ユーザの利便性を考慮し, 付加価値の高いページを提供 検索結果の順位を作為的に上げようとしない 一般的なガイドライン 検索エンジンのクローラーがページを検出しやすくする クローラがページを理解しやすくする 訪問者 ( ユーザ ) がページを利用しやすいようにする 18
10 まとめ SEO はあくまで検索エンジン対策のテクニック 目的ではなく手段に過ぎない クロールされなければページは評価されない 巡回しやすいナビゲーション設計 サイトマップによる主要ページ一覧 HTMLを正しく用いる ユーザにとって有用で利用しやすいサイトにする わかりやすい Web サイトの構築を心がける 19 < 練習 3-2> バナー広告 自治体等で有料で掲載されるバナー広告は, ページ末尾に表示されるため, ユーザには見つけにくく, クリックされる可能性も高くない 自治体の広報担当者として, バナー広告の効果を理解してもらうには企業担当者にどのように説明すればよいか? 20
<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63>
1. はじめに 1 1-1. ガイドラインを策定するにあたって 1 1-1-1. ウェブアクセシビリティとは 1 1-1-2. ウェブアクセシビリティが求められている背景 1 1-1-3. 高齢者 障害者の閲覧時の利用特性 2 1-1-4. 視覚障害者への対応 2 1-1-5. ウェブアクセシビリティの JIS 規格化 3 1-1-6. ガイドラインの重要性 3 1-2. ガイドラインの適用範囲 4
コンテンツSEO / クラウドツール パスカル About Pascal パスカルについて 競合サイトの分析をわずか1分に短縮 コンテンツマーケティングやSEOを行う際は まず最初に競合サイトのリサーチが必 要です パスカルは わずか1分で検索上位30位までの競合サイトの状況をリアルタ イムに分析 コンテンツSEOで重要な項目を比較分析します また キーワード分析は 検索ボリューム 予測値 競合サイト流入キーワード分
Microsoft PowerPoint - css-3days.ppt [互換モード]
情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,
はじめてでもわかる! Google アナリティクス & サーチコンソールの活用方法
はじめてでもわかる! Google アナリティクス & サーチコンソールの活用方法 ホームページの状態 わかってますか? 1 Google アナリティクスって何? 2 Google アナリティクスで何がわかるの? 3 Google アナリティクスに登録しよう 4 Google アナリティクスを実際に使ってみよう! 5 Google サーチコンソールって何? 6 Google サーチコンソールで何ができるの?
<4D F736F F D2093C A B8EAE8C6791D1836C E91CE8DF42E646F63>
特典その 3 無料で モバイル Yahoo や Google にあなたの携帯サイトを表示する! リアルドロップシッピング式 携帯ネットショップ SEO 対策 上手くいけば 何もせずに注文が リアルドロップシッピングで作る 携帯ネットショップを Yahoo や Google に上位表示させお客を呼び込む対策 この特典では リアルドロップシッピングで出来る 何もしなくても注文が入る仕組み リアルドロップシッピングの管理画面で出来る
スタイルシートでデザインを整えよう
スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます
PowerPoint プレゼンテーション
49 概要 50 は まとめ記事 などの長い文章の方が向いています 本文は 500 文字以上がおすすめです 画像を使って見やすいページを作成しましょう ブログ記事タイトル の特徴 SEO ブログ記事作成の流れ 写真 使い分け 長い文章に最適 ブログ記事タイトル記入 まとめ記事や閲覧者の役に立つ情報など リード文 を書く 目次 使用する機能 通常ブログ機能 アイキャッチ画像文字色変更 リンク追加 自由な画像追加
chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 本書の構成 Web サイト制作の流れ 本書の構成と内容 1-2 Web サイト制作業界の人材像 Web サイト制作に必要な職掌と役割 各職掌の役
Ver.1 2015/12/18 ( 仮称 ) - コンセプトメイキングから運用まで - のご案内 表紙デザイン改訂中 2016 年 ( 前期 後期 )Web デザイナー検定エキスパート出題範囲について 2016 年 3 月の ( 仮称 )- コンセプトメイキングから運用まで - の 発行にともない 2016 年の出題範囲は改訂版の内容から出題いたします 書名 ( 仮称 )- コンセプトメイキングから運用まで
目次 第 1 章 インストール編 1. ATHENAをインストールする 2. ATHENAを起動する 第 2 章 HTML作成編 1. HTMLを新規作成する 2.各ボックス機能の使い方 3.パーツ 4.ボタン画像 CSSボタン 見出し テーブル 5.ファイル出力とアップロード 6.ライブラリ 7.
ATENA (アテナ) 使い方マニュアル 目次 第 1 章 インストール編 1. ATHENAをインストールする 2. ATHENAを起動する 第 2 章 HTML作成編 1. HTMLを新規作成する 2.各ボックス機能の使い方 3.パーツ 4.ボタン画像 CSSボタン 見出し テーブル 5.ファイル出力とアップロード 6.ライブラリ 7.ページ追加 8.アップロード設定 第3章 解決編 1. アップデート
名称未設定
エキスパート練習問題 1 以下は,Web サイトの閲覧機器に関する問題である.a d の問いに最も適するものを解答群 から選び, 記号で答えよ. a. レスポンシブウェブデザインのしくみを示した図として, 適切なものはどれか. 解答群 ア. イ. ウ. エ. b. レスポンシブウェブデザインの特徴に関する説明として, 適切なものはどれか. 解答群 ア. すべての機器に対して, 共通のURL,HTML,
Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx
CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の
PowerPoint プレゼンテーション
情報システム基礎演習 B 2016/01/28 (Thurs.) テーマ 4 JavaScript による電卓 Web アプリを作成しましょう 健山智子 ([email protected]) 広島工業大学情報学部知的情報システム学科知的情報可視化戦略研究室 (ival) 講義のアウトライン 2 1. グループの決定 : 1. 5 人での 6 グループ ( ランダム
合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1
合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 2018 6.12 The. 1 前回の復習 n ブラウザ って何? n Web サイト のキホンを作ってみよう 2 ブラウザ とは?HTML とは?? n ブラウザとは? WEB ページを閲覧するためのソフトウェア p HTML というブラウザに言語を表示する言語によって表示されている n HTML とは? p Hyper Text
2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
Crescent Eve ホームページ編集ソフト の使い方マニュアル 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 3 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 4 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
Microsoft PowerPoint - ディスプレイ_Yahoo_金融業界向け広告提案書.ppt [互換モード]
1 2 3 5 6 7 8 9 10 12 4 13 800 28 14 15 1 2 (18 64 1 ) 3 4 / 5 ( ) 16 18 お勧め商品① ネットワーク ダイレクトレスポンス 行動ターゲティング プライムディスプレイ 行動ターゲティングに比べ より購買意向の高いユーザーに訴求 モデリング手法により 購買意向の高いユーザーを抽出しているため 効果的な広告掲載が可能です 商品名
UTF-8への文字コード変更に伴う自作CSSとJavascript修正について
UTF-8 への文字コード変更に伴う自作 CSS と Javascript 修正について Google の推奨により お店ページの文字コードを現在の EUC-JP から UTF-8 へ変更します 文字コードを UTF-8 にすることで 検索結果の順位や数にプラスに働くことが期待できます 今回の文字コードの変更により 店舗さん自身で設置しているスタイルシートや Javascript がある場合 お店ページのレイアウトが崩れる
PowerPoint プレゼンテーション
\ グーペ 1 年生向け / ホームページ作成基本の き 参考資料 1. ホームページはなぜ必要? 2. グーペの基本設定の内容を充実させよう! 3. フリーページ活用事例紹介 4. SEOかんたん設定の設定方法 5. SNS 連携方法 ホームページを作る目的 ホームページの役割 信用を得る イメージを伝える 営業ツール 情報発信 ホームページを作る目的 まず知ってもらいたい 世界観を伝えたい 販促のために使いたい
TrueView ディスカバリー 広告 YouTube とパートナーのサイトで 価値の高いユーザーの目に留まる重要な瞬間にアピールする
TrueView ディスカバリー 広告 TrueView ディスカバリー 広告 YouTube とパートナーのサイトで 価値の高いユーザーの目に留まる重要な瞬間にアピールする ユーザーは YouTube で 動画を 1 本視聴するだ けでなく 次に見る動画 も探している 40 分 モバイルでの YouTube セッション の平均継続時間 前年比 50% アップ 出典: YouTube 統計情報 TrueView
■デザイン
Joruri CMS 2.0.0 基本マニュアル (2013.7.23) デザイン デザインでは 各ページ内に構成されるパーツである ピース と それをページ内に配置し構成する レイアウト を作成できます また スタイルシート でピース レイアウトの HTML を制御し装飾する CSS を設定できます ピースデザイン > ピース ピース をクリックすると 現在登録されているピースが ピース ID のアルファベッ
クイックマニュアル(利用者編)
クイックマニュアル エコノス株式会社 目次 1. 利用イメージ 2. ログイン画面 3. 検索画面 4. クロールサイト管理画面 5. ユーザ管理 6. 検索履歴確認 7. クロール結果確認 8. ダウンロードパスワード設定 9. URLチェック 2 1. ご利用イメージ (1/2) 基本的な機能のご利用について 1 サイトへアクセスしログイン関連ページ :2. ログイン画面 2 検索対象の URL
intra-mart Accel Collaboration — ファイルライブラリ 管理者操作ガイド 第6版
Copyright 2012 NTT DATA INTRAMART CORPORATION 1 Top 目次 1. 改訂情報 2. ファイルライブラリについて 3. 基本編 3.1. フォルダとアクセス権を設定する 3.2. ファイルを検索する 3.3. 共有タグを設定する 3.4. ファイル一覧ポートレットを設定する 3.5. メールテンプレートを設定する 2 改訂情報 変更年月日 変更内容 2012-11-01
1. ログイン 1-1 管理画面へのログイン 施設の作成 編集 削除や承認 公開には その操作権限を持つアカウントでログイン します アカウントについての詳細は 管理者にお問い合わせください (1) [ ユーザー ID またはメールアドレス ] と [ パスワード ] を入力後 [ ログイン ] を
管理画面操作マニュアル 施設 目次 1. ログイン... 2 1-1 管理画面へのログイン... 2 2. 施設... 2 2-1 施設一覧... 3 2-2 施設の新規作成... 4 2-3 施設の編集... 9 2-4 施設の削除...10 2-5 ダウンロード... 11 2-6 インポート...12 3. 写真 地図...13 3-1 施設写真の登録...13 3-2 施設地図の登録...16
2. ログイン 三重県総合教育センターの Web ページにアクセスし ネット DE 研修の ログインへ をクリックするとログイン画面に移動します 2 ログイン ID 及びパスワードを入力して ログイン ボタンを押してください パスワードはログイン後 変更し 個人で管理をしてください 2 パスワードは
[ ネット DE 研修 ] 受講の手引き Windows/Mac 版 ver. iphone/ipad/android 端末を利用の方は指定されたマニュアルを参照してください. はじめにネットDE 研修を利用する前にログインページより 環境チェック を行ってください ログインページへの移動は 2. ログイン をご参照ください ご使用されるブラウザ スマートフォンアプリなどで行ってください 環境チェックをクリックします
4. WIX アタッチエンジン 4. 1 FSDR 処理 システムの Web 資源結合動作であるアタッチ処理について 述べる. アタッチ処理は以下の 4 フェーズに分けられる. この一連の 流れを FSDR 処理とする. Find 処理 Select 処理 Decide 処理 Rewrite 処理
DEIM Forum 2014 C8-2 Web Index 223-8522 3-14-1 E-mail: [email protected], [email protected], URL WIX, Web, Web Index (WIX)., WIX., Web, Web,,. Web Index, Web, Web, Web, 1., Web,. Web,,. Web,
2. 以下の設問に答えよ 第 11 問 アンシャープマスクの説明として最も適切なものを 以下より 1 つ選択しなさい 1. ピクセル間の色の差を強調するフィルタ 2. 画像全体をぼかすフィルタ 3. 隣接するピクセルの色を同じにするフィルタ 4. 画像全体を暗くするフィルタ 第 12 問 ウェブペー
1. 各設問において 正しいものは 1 を 間違っているものは 2 を 該当設問の解答欄に記せ 第 1 問 いかなる環境においても インターネットにおける通信速度に差異はない 第 2 問 動画ファイルであっても 拡張子が jpeg であれば静止画として表示できる 第 3 問 CSS の仕様上 ボックスのマージン領域は常に透明であり 背景を表示させることはできない 第 4 問 著作権法において ウェブサイト内にコピーライトの記載を行わなかった場合
インターネット132 インターネットに接続する パケット通信または無線 LAN(Wi-Fi ) 機能を使用してインターネットに接続できます LTE NET または LTE NET for DATA に加入していない場合は パケット通信を利用することができません パケット通信を利用する 本製品は LT
インターネット インターネットに接続する 132 パケット通信を利用する 132 ブラウザを利用する 133 Webページを表示する 133 ブックマーク / 履歴を利用する 136 ブラウザを設定する 138 131 インターネット132 インターネットに接続する パケット通信または無線 LAN(Wi-Fi ) 機能を使用してインターネットに接続できます LTE NET または LTE NET for
Web サイト調査資料 2018 年度版 フォトエッチング業界 調査月 :2018 年 6 月
Web サイト調査資料 2018 年度版 フォトエッチング業界 調査月 :2018 年 6 月 目次 調査対象企業 P.3 フォトエッチング での検索順位 P.4 Web サイトのページの数 P.5 アクセス解析ツールの有無 P.6~7 リスティング ( 検索連動型広告 ) 実施の有無 P.8~9 常時 SSL 対応の有無 P.10~11 モバイル対応の有無 P.12~13 企業データ P.14 お問い合わせについて
競技課題|ホームページ
平成 28 年度埼玉県障害者技能競技大会ホームページ競技課題 A 1 競技の概要 (1) 競技課題競技課題 Aは課題の傾向を示した公開課題であり 競技課題 Bは競技当日用である (2) 課題の概要 ネットワークセキュリティ のホームページとして スタイルシートと次のページを作成する ネットワークセキュリティ コンピュータウィルス 無線 LAN のセキュリティ ファイヤーウォール (3) 競技時間競技時間は
PowerPoint プレゼンテーション
総務省 ICTスキル総合習得教材 概要版 eラーニング用 [ コース1] データ収集 1-5:API によるデータ収集と利活用 [ コース1] データ収集 [ コース2] データ蓄積 [ コース3] データ分析 [ コース4] データ利活用 1 2 3 4 5 座学本講座の学習内容 (1-5:API によるデータ収集と利活用 ) 講座概要 API の意味とイメージを 主に利用しているファイル形式と合わせて紹介します
Microsoft Word - H1369 インターネット1(IE版)(T)
目 次 第 1 章インターネットの概要... 1 1-1 インターネットとは... 1 1-2 インターネットでできること... 2 第 2 章インターネットを見るためのソフト... 5 2-1 ブラウザ とは... 5 2-2 ブラウザ はいくつか種類がある... 5 第 3 章 IEの起動と終了... 7 3-1 IEの起動... 7 3-2 IEを閉じる... 12 第 4 章インターネットを閲覧する...
