10分であなたのウェブサイトを縫う方法


最近、フリーランスのウェブ開発を、今のように生き生きとしたキャリアパスとして考えている.そして、その新しい通りで、フリーランサーが彼ら自身を促進して、検索エンジン(サーチエンジン最適化、SEO)でより高いランクに彼らの利点にデジタルマーケティング技術を使うことは、異なる方法に飛び込みました.私が遭遇したものは、本当にあなたのウェブサイトランクをよりよく助けるために、カップル本当に本当に簡単なチップでした.

それらのジューシーなメタタグ
あなたは、あなたが取り組んでいるHTMLドキュメントの上部にあるものを知っていますか?あなたは、あなたがタイトルを指定して、ビューポートスケーリングのために何かをさせるものを知っています?さて、それらの厄介なことは実際にウェブクローラと検索エンジンをよりよくあなたのサイトが本当に何であるかを認識することができます.

タイトル
この小さな男はおそらくほとんどのウェブ開発者に慣れているが、可能性は本当に本当に何かとして登録されませんでした.もちろん、すべてのタイトルを持っているので、ちょうどすべての古いものを置くことを行います.しかし、これはGoogleや別の検索エンジンがあなたのサイトを発見するために使用されるものです.個人サイトの例を見てみましょう.
<head>
    <meta charset="UTF-8">
    <!-- META VIEWPORT -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- TITLE -->
    <title>Christian Kastner | Software Engineer</title>

    ...
  </head>
私のサイトでは、私の名前をソフトウェアエンジニアとして分離しています.私たちが少しのOL 'のために少しのGoogle検索をするならば、我々は見つけます

その小さいタイトルタグは、正面とセンターです.したがって、このタグの重要性は、我々がそこで平手打ちする何かより大きい方法です.それは現在、人々がGoogle検索で見るデータの単一の最大の部分になります.たとえば、あなたが今読んでいるこのブログはタイトルタグとしてこのブログのタイトルを使用します.したがって、私たちは本当に、適用可能で、記述的で、ユーザーが検索する重要な用語に関連するタイトルを作成することについて考えたいかもしれません.

説明
それが我々のタイトルタグの下に直接横たわって、接近するウェブトラフィックを作るか、壊すことができるもう一つの非常に重要な情報であるので、このメタタグもGoogleアリーナで重要性をとります.これは
<head>
    <meta charset="UTF-8">
    <!-- META VIEWPORT -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    ...
    <!-- DESCRIPTION -->
    <meta name="description" content="Frontend Software Engineer with a quantitative background, who loves building creative and interactive software">

    ...
  </head>
これは自己閉鎖メタタグを使用して設定するための“説明”の名前を指定する必要があります.現在、私はちょうどこれらのマークアップタグを適用したので、彼らは私の結果を示していませんが、Spotifyを見てみましょう.


ご覧のように、タイトルのタグの下に直接表示される名前のメタタグが表示され、Googleが表示されます.それで、あなたのサイト(人々が100文字の下でそれを保つと忠告します、しかし、Googleが160を許します)の素晴らしくて短い記述を置くことはあなたのサイトにユーザーを助けて、直接にします.これらのタグについて注意深く考えてください.なぜなら、これらはあなたが自分のサイトに来る前にさえ、ユーザが見ているものです.

キーワード
これは少しのトスです.これは、キーワードのメタタグを使用して本当に本当にそんなに助けていないと主張している.このようにHTMLに入れます.
<head>
    <meta charset="UTF-8">
    <!-- META VIEWPORT -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    ...

    <!-- KEYWORDS -->
    <meta name="keywords" content="REACT, JAVASCRIPT, RAILS, WEB DEVELOPMENT">

    ...
  </head>
Googleと他のウェブクローラは、実際にユーザーが検索しているときに簡単に検索のためのデータベース内のサイトのメタデータを格納します.Googleはすぐに検索用語を与えられた実行可能な結果のリストを生成します.
しかし、メタキーワードは、Google、Yahoo、およびビングのような検索エンジンで実際に好意を失っている.それで、あなたが本当にあなたのキーワード生成を強調していて、それらの人々があなたをトップにジェットしそうであると思っているならば、もう一度考えてください.

テキスト
アクセシビリティを考慮しない限り、Altテキストをウェブサイトの重要な拡張として考慮しないように誘惑されるかもしれません.しかし、検索エンジンが実際に人々でないので、彼らがあなたのサイトを通って這うとき、彼らはそれらのイメージを見ません.それらのための唯一の重要な源はaltテキストです.それで、ALTテキストについて考えて、それがあなたのサイトの「ポイント」を繰り返しているか、どのようにそれがユーザーに関連しているかを考えることはランキングに向かって重要なステップです.

適切なHTMLタグの使用
CSSとスタイリングの使用によって、あなたはあなたが望む何かにちょうどdivを作ることができるか、ちょうどあなたのサイトの上にすべてのスパムH 1タグを缶詰にします.しかし、あなたのページをセグメント化するためにインテリジェントで組織化されたマークアップを使用することはSEOにとって重要です.H 1タグがページの主な内容が何であるかを示すように読まれる理由です.同様に、メインまたはセクションタグを使用してページを分割すると、SEOのインデックスとランキングのための追加了解度をもたらします.
これはあなたのサイトSEOを改善するためにこの2番目の権利を行うことができることの短い要約であることを意味した.私が見たものから、SEOは芸術と科学です.あなたのターゲットオーディエンスが誰であるかについて一生懸命に考えて、彼らにケータリングをすることは効果的に行われるならば配当金を払います.