検索エンジン最適化「
SEO
」
ホワイトハットSEO：改善されたサイトの設計仕様、エンジンとユーザーを検索することが、より優しい作り、サイトが検索エンジンからより合理的なトラフィックを得ることができ、検索エンジンは奨励し、支援
ブラックハットSEO：検索エンジンは、検索を欺くために、ユーザーがより多くのトラフィックを取得し、増幅および政策の欠点を使用します
ホワイトハットSEO
サイトのタイトル、説明、キーワード
ウェブサイトのコンテンツの最適化
サイトマップ
チェーンの参照の外に増加
Webサイトの構造とレイアウトの最適化
フラット構造：
1、ホームリンクコントロールの数は、（ホームリンクが100以内にあまりにも中小企業にはできません（推奨））
2、ディレクトリ階層をフラット化（工場サイト）
ユーザーエクスペリエンス調査（以上3回のクリック、彼らがサイトを去る前に、ユーザーは、ユーザーエクスペリエンスのニーズを考慮し、彼らが望むものを見つけられません）
3、SEO最適化されたナビゲーションは、（ナビゲーションのデザインは画像がある場合は、あなたがテキストを追加する必要があり、テキストモードを使用しています）
ブレッドクラム（
昔
、森の端に彼の息子が命名。妻と2人の子供を持つ貧しい木こりがお互いを持っていたそこに住んでいた
ヘンゼルと
、娘は名前の
グレーテルの
きこり、後で彼の妻が死亡し、彼は子供たちに結婚継母を与えた。継母は、彼らが眠っていると逃げたときの利点を取る、深い森の中で2人の子供を持参する予定。ヘンゼルが誤っ継母の計画を知って、そして密かに彼のポケットの中に隠された一切れのパンを置く。森に向かう途中で、ヘンゼルは静かに彼のパンを砕いた、時から壊れて停止されていない
パン粉
道路に散乱し。継母スムーズに子供が寝ている間タイムスリップを離れて、ヘンゼルとグレーテルは、彼の妹が言っ:.「太陽が出てきたように、我々は、私はパン粉をこぼし表示されます暗いHansaieran快適であり、それを覚まします。私たちは家に帰るだろう道を指し、「しかし、太陽が上昇したとき、彼らは床の上にどのように少しパン粉を見つけることができなかった、彼らはこれらの鳥は森の中にありましたが、飛行の分野少しつつきます 兄と妹は森の中で自分の道を失った。経路探索の停止を、聞かせてそれら空腹、弱い脚と足、お菓子はキャビンの窓を行い、パンで作られた屋根を来た。飢餓彼らは疲れを忘れてみましょう、と潜在的に危険な、家から食べる。結果トリック魔女の兄弟で家の中でロックされていた、彼の姉は労働を行うことを余儀なくされた、とき魔女の弟で食べて、魔女にマシンにログを学習することで姉。魔女は、炉内に押し込まれます、魔女の宝と弟と妹は、家に戻った。継母は兄と妹、死亡した、と彼の父は幸せな生活を送っていました。）
検索エンジンがあなたのサイトについて知らせ、迅速な復帰にSEOのためのエントリのすべての歩みを提供し、場所の良識を形成するように、階層リンクナビゲーションには、音楽の姉妹の場所に、ユーザーが現在位置していることができ、そして真の位置のページで現在のページ構造は、下の直帰率を簡単に、リンクの数を増やすフェッチ
ウェブサイトのコードの最適化
<タイトル>同じヘッダが設けられていません
<METAキーワード>は、キーワードを詰めないでください。
<META説明>説明重ねないでください。
セマンティックタグ
例：正タイトルH1とH1-H6
<A>タイトルを追加
テキストの折り返しのための<BR>
<IMG> altテキストを追加します。
重要なJSを使用しないでください
あまり使用はiframeフレームワーク
コードを合理化
スパイダー
。この汎用モジュールは、ダウンロードページ、ブラウザのような機能に専念しています。クモのため、およびいくつかのビジュアルコンポーネントなしで、及び、それらの間の違いは、ブラウザが情報、画像情報、ビデオテキスト情報などを含む情報をユーザ様々な形態に提示されることですこれは、基本的なHTMLソースコードを直接扱うことです。あなたは、すべてのHTMLソースファイルの閲覧と標準的なWebブラウザの機能を知っているかもしれませんが。
爬虫類
。機能モジュール専用のユーザーは、各ページにすべてのリンクを見つけます。その使命は、クモがどこへ行くかを決定するために、リンクするか、アドレスが見つから評価によって定義されています。クローラは、これらのリンクが発見されている追跡し、知らない検索エンジンのためのいくつかのドキュメントを検索してみてください。
インデックス
。そのようなテキスト、ヘッダコンテンツ、構造、または特徴部、特殊なHTMLタグにカスタマイズされた、などのような種々の要素の各ページとページ解析を解決するための責任を負うこの機能コンポーネント。
データベース
。いくつかの検索エンジンは、データと分析をダウンロードし、それを格納する必要があります。時には、それはまた、検索エンジンのインデックスと呼ばれています。
その結果エンジン
。その結果エンジンがページが仕事にランクされています。これは、最も密接にユーザの検索要求と一致している、と順序に従ってどのようにこれらの結果は、有効かつ合理的、表示するページを決定します。これは、検索エンジンのランキングアルゴリズムと意思決定に基づいています。これは、駆動ユーザーの関心に基づいて、ページランクが貴重である、そのような概念検索であるので、これは最も興味を持っているSEOの労働者のためにある、SEOer彼らの目標は、効果的に興味のあるサイトのページを改善する方法でありますランキング。
Webサーバー。こうした基本的なWebページが含まれている検索エンジンのウェブ・サーバは、ユーザの入力興味キーワードテキストボックスが使用されているがあり、ユーザーは、ユーザーへの合理的な検索操作、検索結果を送信するとき。
1）嗶哩嗶哩のような、基本的なSEOの最適化を行います
（1）TDKミャオ徐ディテール。
外国のリンクCSS、JSおよび遅延ロードとDNSプリフェッチを使用して、プリロード：（2）ページの読み込み速度を向上させます。
（3）多くのアウトリーチ、高いキーワードのランキング。
2）デンバーサイトはメタVUE-メタ情報ウェブサイトの管理を使用して、それが最適化されたSEOのための事前レンダリング-SPA-プラグインと組み合わせて使用する必要があります。
ホームページアドレスの3）要素のロゴが追加され、唯一のロゴは、H1タグにあります。
4）のような高すぎるトラフィックの多いサイトはありません
http://www.marshall.eduは
）マーシャル大学（株最適化SEOの社会を作った、プロパティ=「OG：タイトル」のメタ情報に登場したこの新しい事。
https://we.dji.com/zh-CN/campus
Nuxt使用（大江動員）
公共の組立現場の最高率が表示されます。
1）パン粉
2）アイコン
3）検索ボックス
4）Buttonコンポーネント
1.ウェブサイトのレンダリングモード----レンダリングサーバとクライアントのレンダリング
1.1サーバ側のレンダリング（レンダリングバックエンドSSR）
バックエンドのレンダリングHTMLの場合は、ブラウザは、この場合には、サーバー解析されたテンプレートファイルを完了するために、サーバーに格納されているここで算出、ユーザに提示HTMLサーバ・コンピューティングの文字列の後、最終的に直接受信されます、オペレーティング・システムの表示システムによるブラウザのみHTML構文解析、表示、および操作は、HTMLで表される画像内容がディスプレイ上でユーザに表示呼び出します。
利点：時間のかからフロントエンド（フロントエンドディスプレイにのみ責任を負うHTML）、SEOを支援します
短所：大規模なネットワークトラフィックの量、占有（一部、ごく一部）のサーバ・コンピューティング・リソース、データ量のうち、応答が（少し）大きなポイントとなり、同じリンケージの変更を追跡するために何であったかのフロントエンドのテンプレートとインタラクティブなスタイルを変更
1.2クライアントのレンダリング（フロントエンドは、レンダリングCSR）------ SPA ---単一ページのアプリケーション
レンダリングは、フロントエンドのブラウザを指し、そのような情報は、テンプレートに関するファイル、またはJSONデータ交換フォーマットおよびその他のパッケージ化されたデータをangularjs、さらに有効なHTML文字列を指示することができる、バックエンドからいくつかの情報を取得します。これらのフォームは重要ではありません、情報の配置が、最終的な組織で読み取り可能なHTML文字列HTML文字列を形成した後、ブラウザによって行われ、その後、表示されるを形成することが重要です。
利点：ネットワークトラフィックデータの少量（サーバー上の圧力を軽減）
短所：フロントエンドの時間がかかり、SEOに助長されていません
--- SEOの課題や問題を最初の画面2.遭遇したフロントエンドのレンダリング
SEOはよく理解されています。従来の検索エンジンは、HTMLからデータをクロールするので、フロントページのレンダリングにつながることはクロールすることはできません。SPA一般的に使用されるフロントエンドのすべてがパッケージ全体が無視されることはありませんJSレンダリングファイルをレンダリングする前に長い待ち時間が生じ、大きすぎです。場合は特に、ユーザーが黒と白の終了を待つことができ、速度差が、良い経験ではありません。
2.1フロントエンドレンダリングSEOは、問題を解決します
近年では、SPAのフロントフレームの上昇に伴い、SEOの問題の前端と後端の分離によって引き起こされる、私は各フロントエンド攻城ライオンズが発生していると信じています。ここではVueのは、SEOの方法を解く言うべき例があります。
2.1.1ビュー------ SSR
まずvue2.xは、直接Vueの側のレンダリングを構築するための完全なサービスを提供しています。Vue.jsは、クライアントアプリケーションを構築するためのフレームワークです。デフォルトでは、Vueのアセンブリは、DOM DOMを生成するためのブラウザで出力、および操作であってもよいです。しかし、それは、サーバー側のHTML文字列と同じコンポーネントをレンダリングするブラウザにそれらを直接送信することも可能であり、アプリケーションがまだ完全にインタラクティブなクライアントのための最も「混合」とマークされます。
アプリケーションのコードのほとんどは、サーバーおよびクライアント上で実行することができるため、レンダリングVue.jsサーバーアプリケーションはまた、「均一」または「ユニバーサル」とみなすことができます。
2.1.2衝撃------ Nuxt.js
サーバー側のレンダリングを構築するために最初からアプリケーションは非常に複雑です。幸いNuxt.jsはそれをすべてが非常に簡単になります。Nuxt Vueのは、生態系の枠組みの高いレベルに基づいて、レンダリングされた非常に便利な開発経験のVueエンドアプリケーションサービスを提供しています。クールは、あなたも、静的駅・ジェネレータとして使用することができるということです。推奨する試み。
Nuxt.jsはユニバーサルVue.jsアプリケーションフレームワークを作成することです。
その主なスコープは抽象的なクライアント/サーバ分散ながら、UIをレンダリングすることです。
私たちの目標は、あなたがメインのライブラリプロジェクトまたは現在のプロジェクトベースのNode.jsがあるとして使用することができるように十分に柔軟なフレームワークを作成することです。
Nuxt.js事前設定は、すべての構成のための開発者Vue.jsアプリケーションサーバをより楽しくできます。
また、我々はまた、展開を生成nuxtと呼ばれる別のオプションを提供します。それはVue.jsが生成された静的なアプリケーションを構築します。私たちは、この選択は、MicrosoftのWebサービス・アプリケーションの開発の次の重要なステップとなり得ると考えています。
フレームワークとして、Nuxt.jsは、非同期データ、ミドルウェアやレイアウトなど、あなたがクライアントとサーバ側との間で開発に役立つ多くの機能を提供しています。