Heim > System-Tutorial > LINUX > Hauptteil

Frontend-SEO – ausführliche Erklärung

WBOY
Freigeben: 2024-03-12 18:13:02
nach vorne
728 Leute haben es durchsucht

Frontend-SEO – ausführliche Erklärung

1. Wie Suchmaschinen funktionieren

Wenn wir Schlüsselwörter in das Eingabefeld eingeben, klicken Sie auf „Suchen“ oder „Abfrage“ und erhalten dann die Ergebnisse. Wenn man sich die Geschichte dahinter genauer ansieht, bewirken Suchmaschinen eine Menge Dinge.

Auf Suchmaschinen-Websites wie Baidu gibt es im Hintergrund eine sehr große Datenbank, die eine große Anzahl von Schlüsselwörtern speichert, und jedes Schlüsselwort entspricht vielen URLs. Diese URLs werden vom Baidu-Programm aus dem riesigen Internet gesammelt Nach einigen Downloads werden diese Programme „Suchmaschinen-Spider“ oder „Webcrawler“ genannt. Diese fleißigen „Spider“ durchforsten das Internet jeden Tag von einem Link zum anderen, laden den Inhalt herunter, analysieren und verfeinern ihn und finden die Schlüsselwörter, wenn der „Spider“ denkt, dass das Schlüsselwort nicht in der Datenbank enthalten ist Für den Benutzer nicht nützlich. Nützliche werden in der Datenbank gespeichert. Im Gegenteil, wenn die „Spinne“ denkt, dass es sich um Spam oder doppelte Informationen handelt, verwirft sie diese und setzt das Crawlen fort, um die neuesten und nützlichen Informationen zu finden und sie für die Suche durch Benutzer zu speichern. Wenn ein Benutzer eine Suche durchführt, können mit dem Schlüsselwort verknüpfte URLs abgerufen und dem Besucher angezeigt werden.

Ein Schlüsselwort stimmt mit mehreren URLs überein, daher gibt es ein Sortierproblem. Dementsprechend wird die URL, die am besten zum Schlüsselwort passt, zuerst gerankt. Während „Spinnen“ Webinhalte crawlen und Schlüsselwörter verfeinern, gibt es ein Problem: ob die „Spinnen“ diese verstehen können. Wenn der Inhalt der Website aus Flash und JS besteht, ist er unverständlich und verwirrend. Selbst wenn die Schlüsselwörter angemessen sind, ist er nutzlos. Wenn der Inhalt der Website ihre Sprache ist, kann sie ihn entsprechend verstehen, und ihre Sprache ist SEO.

2. Einführung in SEO

Vollständiger Name: Search English Optimization, Suchmaschinenoptimierung. Mit dem Aufkommen von Suchmaschinen wurde SEO geboren.

Bedeutung der Existenz: Optimierungsverhalten, um die Anzahl und Ranking-Position von Webseiten in den natürlichen Suchergebnissen von Suchmaschinen zu verbessern. Kurz gesagt, wir hoffen, dass Suchmaschinen wie Baidu mehr unserer sorgfältig gestalteten Websites einbeziehen und dass die Websites bei anderen Besuchern an erster Stelle stehen.

Kategorien: White Hat SEO und Black Hat SEO. White-Hat-SEO spielt eine Rolle bei der Verbesserung und Standardisierung des Website-Designs, wodurch die Website für Suchmaschinen und Benutzer benutzerfreundlicher wird. Außerdem kann die Website angemessenen Traffic von Suchmaschinen erhalten, was von Suchmaschinen gefördert und unterstützt wird. Black-Hat-SEO nutzt und verstärkt Fehler in den Suchmaschinenrichtlinien, um mehr Benutzerbesuche zu erzielen. Die meisten dieser Verhaltensweisen täuschen Suchmaschinen und werden von allgemeinen Suchmaschinenunternehmen weder unterstützt noch gefördert. Dieser Artikel konzentriert sich auf White-Hat-SEO. Was kann White-Hat-SEO also leisten?

1. Legen Sie den Titel, die Schlüsselwörter und die Beschreibung der Website sorgfältig fest, um die Positionierung der Website widerzuspiegeln und Suchmaschinen zu ermöglichen, zu verstehen, was die Website tut

2. Optimierung des Website-Inhalts: Übereinstimmung zwischen Inhalt und Schlüsselwörtern, Erhöhung der Schlüsselwortdichte

3. Richten Sie die Robot.txt-Datei ordnungsgemäß auf der Website ein

4. Erstellen Sie eine suchmaschinenfreundliche Sitemap;

5. Fügen Sie externe Links hinzu und bewerben Sie sie auf verschiedenen Websites

3. Front-End-SEO
Durch das strukturelle Layoutdesign der Website und die Optimierung des Webseitencodes kann die Front-End-Seite sowohl von Browserbenutzern als auch von „Spidern“ verstanden werden.

(1) Website-Struktur und Layout-Optimierung: Versuchen Sie, so einfach und direkt wie möglich auf den Punkt zu kommen, und plädieren Sie für eine flache Struktur.

Generell gilt: Je weniger Ebenen der Website-Struktur Sie erstellen, desto leichter kann sie von „Spidern“ gecrawlt und eingebunden werden. Im Allgemeinen umfasst die Verzeichnisstruktur kleiner und mittlerer Websites mehr als drei Ebenen, und „Spider“ sind nicht bereit, nach unten zu kriechen. „Was ist, wenn ich mich im Dunkeln verirre?“ Und einschlägigen Umfragen zufolge ist es wahrscheinlich, dass ein Besucher wieder abwandert, wenn er nach drei Sprüngen nicht die Informationen findet, die er braucht. Daher ist auch die dreistufige Verzeichnisstruktur eine Voraussetzung für Erfahrung. Dazu müssen wir:

1. Kontrollieren Sie die Anzahl der Homepage-Links

Die Homepage einer Website ist der Ort mit der höchsten Gewichtung. Wenn auf der Homepage zu wenige Links vorhanden sind und keine „Brücke“ vorhanden ist, können „Spider“ nicht weiter auf die Innenseiten kriechen, was sich direkt auf die Anzahl auswirkt der enthaltenen Websites. Es sollten jedoch nicht zu viele Links auf der Homepage vorhanden sein. Sobald zu viele Links vorhanden sind, gibt es keine wesentlichen Links, was sich leicht auf die Benutzererfahrung auswirkt, das Gewicht der Homepage der Website verringert und den Inklusionseffekt verringert nicht gut sein.

Daher wird für Websites kleiner und mittlerer Unternehmen empfohlen, nicht mehr als 100 Homepage-Links zu verwenden. Die Art der Links kann Seitennavigation, untere Navigation, Ankertext-Links usw. umfassen. Beachten Sie, dass die Links vorhanden sein sollten basierend auf den guten Erfahrungen des Benutzers und leiten Sie den Benutzer an, bessere Informationen zu erhalten.

2. Reduzieren Sie die Verzeichnishierarchie, sodass der „Spider“ jede interne Seite der Website mit nur drei Sprüngen erreichen kann. Flache Verzeichnisstruktur, wie zum Beispiel: „Pflanze“ -> „Obst“ -> „Apfel“, „Orange“, „Banane“, Bananen finden Sie nach Bestehen von Level 3.

3.Navigationsoptimierung

Die Navigation sollte so weit wie möglich textbasiert sein und kann auch mit der Bildnavigation kombiniert werden, der Bildcode muss jedoch optimiert werden. Frontend-SEO – ausführliche ErklärungDer Tag muss die Attribute „alt“ und „title“ hinzufügen, um Suchmaschinen die Positionierung des Bildes mitzuteilen Navigation, sodass der Benutzer auch dann den Eingabeaufforderungstext sehen kann, wenn das Bild nicht normal angezeigt werden kann.

Zweitens sollte jeder Webseite eine Breadcrumb-Navigation hinzugefügt werden: Aus Sicht des Benutzererlebnisses ermöglicht es Benutzern, ihren aktuellen Standort und die Position der aktuellen Seite auf der gesamten Website zu verstehen, was den Benutzern hilft, die Struktur der Website schnell zu verstehen , wodurch ein besseres Standortgefühl entsteht und gleichzeitig eine Schnittstelle für die Rückkehr zu jeder Seite bereitgestellt wird, um die Benutzeroperationen für „Spider“ zu erleichtern, die Struktur der Website klar zu verstehen und auch eine große Anzahl interner Funktionen hinzuzufügen Links für einfaches Crawlen.

4. Strukturelles Layout der Website – Details, die nicht ignoriert werden können

Seitenkopf: Logo und Hauptnavigation sowie Benutzerinformationen.

Hauptteil der Seite: Der Haupttext auf der linken Seite, einschließlich der Breadcrumb-Navigation und des Textes auf der rechten Seite. Vorteile: Bei „Spidern“ handelt es sich um verwandte Links. Dies erhöht die Relevanz der Seite. Es kann auch das Gewicht der Seite erhöhen.

Unten auf der Seite: Copyright-Informationen und freundliche Links.

Besonderer Hinweis: Die empfohlene Schreibweise für die Seitennavigation lautet: „Startseite 1 2 3 4 5 6 7 8 9 Dropdown-Feld“, damit die „Spinne“ direkt entsprechend der entsprechenden Seitennummer springen kann und die Dropdown-Liste Mit dem Down-Feld wird direkt die Seite ausgewählt, zu der gesprungen werden soll. Die folgende Schreibmethode wird nicht empfohlen: „Startseite, nächste Seite, letzte Seite“. Insbesondere wenn die Anzahl der Seiten besonders groß ist, muss die „Spinne“ vor dem Kriechen viele Male nach unten kriechen, was das Geben sehr ermüdend und einfach macht hoch.

5. Kontrollieren Sie die Größe der Seite, reduzieren Sie HTTP-Anfragen und verbessern Sie die Ladegeschwindigkeit der Website.

Es ist am besten, 100 KB für eine Seite nicht zu überschreiten. Wenn sie zu groß ist, wird die Seite langsam geladen. Wenn die Geschwindigkeit sehr langsam ist, ist die Benutzererfahrung nicht gut, Besucher können nicht gehalten werden und sobald die Zeitüberschreitung eintritt, verschwindet auch die „Spinne“.

 (2)Optimierung des Webseitencodes

1. Betonen Sie nur die wichtigsten Schlüsselwörter. Versuchen Sie, sie nicht auf jeder Seite einzufügen. Stellen Sie im Titel nicht den gleichen Inhalt ein.

2. Schlagworte: Listen Sie einfach die wichtigen Schlagwörter mehrerer Seiten auf und denken Sie daran, sie zu überfüllen.

3. Tag: Webseitenbeschreibung, die eine allgemeine Zusammenfassung des Webseiteninhalts sein muss. Denken Sie daran, nicht zu lang zu sein und nicht zu sehr mit Schlüsselwörtern zu füllen.

4. Tags: Versuchen Sie, den Code semantisch zu gestalten, verwenden Sie die entsprechenden Tags an den entsprechenden Stellen und verwenden Sie die richtigen Tags, um das Richtige zu tun. Machen Sie es sowohl den Quellcode-Lesern als auch den „Spidern“ klar. Beispiel: h1-h6 werden für Titelklassen verwendet.

5. Hyperlink-Tag: Fügen Sie für In-Page-Links das Attribut „title“ hinzu, um es zu erklären, damit Besucher und „Spider“ es wissen. Bei externen Links, die auf andere Websites verweisen, müssen Sie das Attribut el="nofollow" hinzufügen, um den „Spider“ anzuweisen, nicht zu crawlen, denn sobald der „Spider“ den externen Link crawlt, kommt er nicht mehr zurück.

6. Verwenden Sie das h1-Tag für den Texttitel: „Spider“ hält es für das wichtigste. Wenn Ihnen h1 nicht gefällt, kann der Standardstil von h1 über CSS festgelegt werden. Versuchen Sie, h1-Tags für den Haupttexttitel und h2-Tags für die Untertitel zu verwenden, aber h-Titel-Tags sollten an anderen Stellen nicht leichtfertig verwendet werden.

7. Zeilenumbruch-Tag: Wird nur für Zeilenumbrüche von Textinhalten verwendet

8. Tabellen sollten Tabellentitel-Tags verwenden

9. Bilder sollten mit dem „alt“-Attribut beschrieben werden

10. Fett gedruckte, hervorhebende Tags: Verwenden Sie diese, wenn Hervorhebung erforderlich ist. Fett gedruckte Tags können in Suchmaschinen einen hohen Stellenwert haben. Sie können Schlüsselwörter hervorheben und wichtige Inhalte hervorheben.

10. Verwenden Sie keine speziellen Symbole für die Texteinrückung. Sie sollten CSS verwenden, um dies festzulegen. Verwenden Sie nicht das Sonderzeichen © für das Copyright-Symbol. Sie können direkt die Eingabemethode verwenden, „banquan“ buchstabieren und die Seriennummer 5 auswählen, um das Copyright-Symbol © einzugeben.

12. Nutzen Sie das CSS-Layout geschickt und platzieren Sie den HTML-Code wichtiger Inhalte im Vordergrund. Der vordere Inhalt gilt als der wichtigste und wird von „Spidern“ vorrangig gelesen, um Inhaltsschlüsselwörter zu erfassen.

13. Verwenden Sie JS nicht zur Ausgabe wichtiger Inhalte, da die „Spinne“ diese nicht erkennt

14. Versuchen Sie, iframe so wenig wie möglich zu verwenden, da „Spider“ den darin enthaltenen Inhalt im Allgemeinen nicht lesen können

15. Verwenden Sie display: none mit Vorsicht: Für Textinhalte, die Sie nicht anzeigen möchten, sollten Sie den Z-Index festlegen oder ihn außerhalb der Browseranzeige festlegen. Weil Suchmaschinen den Inhalt in display:none herausfiltern.

16. Vereinfachen Sie den Code kontinuierlich

17. Wenn der JS-Code DOM bedienen soll, sollte er vor dem schließenden Tag des Körpers und nach dem HTML-Code platziert werden.

---------------------------------------------------------------- ---------------------------- Kellner, geben Sie mir zwei Räder!

Das obige ist der detaillierte Inhalt vonFrontend-SEO – ausführliche Erklärung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:linuxprobe.com
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!