Heim  >  Artikel  >  Web-Frontend  >  HTML-SEO, was bedeutet das?

HTML-SEO, was bedeutet das?

青灯夜游
青灯夜游Original
2021-12-23 14:35:554415Durchsuche

In HTML bedeutet SEO „Suchmaschinenoptimierung“. Dabei handelt es sich um eine Möglichkeit, die Regeln von Suchmaschinen zu nutzen, um das natürliche Ranking von Websites in relevanten Suchmaschinen zu verbessern. Durch die Verwendung von SEO zur tiefgreifenden Optimierung der Website kann der Website dabei geholfen werden, kostenlosen Traffic zu erhalten , wodurch die Sichtbarkeit der Website erhöht wird.

HTML-SEO, was bedeutet das?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

1. Was ist SEO?

SEO (Suchmaschinenoptimierung): Chinesische Übersetzung ist Suchmaschinenoptimierung. Es ist ein Weg: die Regeln von Suchmaschinen zu nutzen, um das natürliche Ranking der Website in den relevanten Suchmaschinen zu verbessern.

Das allgemeine Funktionsprinzip einer Suchmaschine besteht darin, Webcrawler zu verwenden, um Anfragen an verschiedene Websites zu senden, dann die resultierenden HTML-Seiten zu speichern und sie an die Benutzer zurückzugeben, nach denen wir suchen, damit wir die Suchmaschine verwenden können, um zu sehen, was wir suchen brauchen.

Daher besteht der Zweck unserer SEO darin, die Website tiefgreifend zu optimieren und dadurch der Website dabei zu helfen, kostenlosen Traffic zu erhalten, wodurch das Ranking der Website in Suchmaschinen verbessert und die Sichtbarkeit der Website erhöht wird.

2. SEO-Optimierung der drei wichtigsten TDK-Tags auf der Website

  • Titel
  • Beschreibung
  • Schlüsselwort

2.1 Titel Website-Titel

  • Der Titel ist unersetzlich und der erste wichtige auf unserer Website Das Tag ist für Suchmaschinen der beste Beurteilungspunkt, um den Einstieg in die Webseite und das Thema des Einstiegs in die Webseite zu verstehen. Wenn wir möchten, dass unsere Website von Suchmaschinen durchsucht wird, können wir diesen Titel daher nicht zufällig schreiben.

    • Das empfohlene Format ist wie folgt: Website-Name (Produktname) – Website-Einführung (versuchen Sie, 30 chinesische Zeichen nicht zu überschreiten. Im Folgenden erfahren Sie, wie Sie die offiziellen Websites von JD.com und Xiaomi schreiben

    •   <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!</title>
    • ).
    •  <title>小米商城 - 小米10 Pro、Redmi 10X、小米MIX Alpha,小米电视官方网站 </title>

2.2 Beschreibung der Website Beschreibung

befürwortet: Beschreibung als Zusammenfassung des gesamten Geschäfts und Themas der Website, im Allgemeinen mit „wir sind…“, „wir bieten…“, „ Telefonnummer: xxx". Im Allgemeinen muss dieser spezifische Inhalt von uns nicht berücksichtigt werden und wird von einem engagierten SEO-Mitarbeiter bearbeitet.

Zum Beispiel dieses von JD.com und Xiaomi:

<meta name="description" 
 content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!"/>
 <meta name="description" content="小米官网直营小米公司旗下所有产品,包括小米手机系列小米10 Pro 、小米9、小米MIX Alpha,Redmi 红米系列Redmi 10X、Redmi K30,小米电视、笔记本、米家智能家居等,同时提供小米客户服务及售后支持." />

2.3 Schlüsselwörter Schlüsselwörter

  • Schlüsselwörter sind die Schlüsselwörter der Seite und stehen auch im Fokus von Suchmaschinen.

  • keywords ist am besten auf 6–8 durch englische Kommas getrennte Schlüsselwörter in der Form Schlüsselwort 1, Schlüsselwort 2 beschränkt.

  •  <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>
  •  <meta name="keywords" content="小米,redmi,小米10,Redmi 10X,小米MIX Alpha,小米商城" />
  • Da JD.com eine E-Commerce-Website ist, hat sie normalerweise 6-8 Keywords, aber Xiaomi hat genau 8

3. alt-Attribut

  • Das ALT-Attribut in der Webseite wird zur Beschreibung des Bildes verwendet. Es hat zwei Funktionen:

    • Eine besteht darin, der Suchmaschine die Informationen über das Bild mitzuteilen.
    • Wenn das Bild nicht geladen werden kann, teilen Sie uns mit, was das Bild enthält.
  • Wir können nicht zu jedem Bild auf der Website ALT hinzufügen. Am besten verwenden Sie die ALT-Markierung für wichtige Bilder (Logos usw.). Dies ist für Suchmaschinen sehr wichtig Bilder auf der Webseite und eine Verbesserung der Keyword-Gewichtung sind ebenfalls von Vorteil.

4. Logo-Optimierung

  • Fügen Sie zunächst einen h1-Tag in das Logo ein, um die Autorität zu erhöhen und Suchmaschinen mitzuteilen, dass dieser Ort wichtig ist.

  • h1 Fügen Sie einen weiteren Link ein. Sie können zur Startseite zurückkehren. Fügen Sie einfach das Hintergrundbild des Logos in den Link ein.

  • Damit Suchmaschinen uns einschließen, müssen wir Text (Name der Website) einfügen ) im Link, aber der Text wird nicht angezeigt.

    • Methode 1: Verschieben Sie den Texteinzug aus dem Rahmen (Texteinzug: -9999px) und dann overflow:hidden, Taobaos Ansatz.
    • Methode 2: Geben Sie einfach „font-size:0“ ein und Sie können den Text nicht sehen, der Ansatz von JD.com.
  • Geben Sie dem Link schließlich ein Titelattribut, damit Sie den Aufforderungstext sehen können, wenn Sie mit der Maus über das Logo fahren.

5. HTML-Semantik

Für Suchmaschinen ist der HTML-Code der Webseite das Direkteste, mit dem sie konfrontiert werden. Wenn der Code semantisch geschrieben ist, kann die Suchmaschine die Bedeutung der Webseite leicht verstehen.

  • Unser wichtiger Text wird stark hervorgehoben, um ihn hervorzuheben.
  • Wir verwenden sinnvollerweise H-Tags

Das obige ist der detaillierte Inhalt vonHTML-SEO, was bedeutet das?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn