SEO ist eine Wissenschaft, die ein breites Spektrum an Dingen umfasst. Viele Freunde neigen dazu, sich auf einige externe Dinge wie externe Links oder Werbung usw. zu konzentrieren, während sie einige der internen Dinge ihrer eigenen Websites ignorieren Ich werde mit Ihnen über einige Dinge im HTML-Layout sprechen, ich hoffe, dass es für Sie hilfreich ist, und Sie können es gerne gemeinsam besprechen.
1. Schreiben Sie eine gute HTML-Struktur
Eine gute HTML-Dokumentstruktur ist sowohl für Suchmaschinen als auch für Programmierer (Slicer oder Programmierer) von Vorteil. Denken Sie daran, dass der Grund, warum Leute das TABLE-Layout (Tabelle) aufgegeben haben, darin liegt, dass die Verwendung des TABLE-Layouts viel redundanten Code erzeugt hat und um einen bestimmten visuellen Effekt zu erzielen, nur mehrere Tabellen angewendet werden können. Wenn Sie also das DIV+CSS-Layout verwenden, Ihr HTML-Dokument aber zu tief verschachtelt ist oder zu viele redundante Codes enthält, unterscheidet es sich im Grunde nicht von einem Tabellenlayout. Hier empfehle ich eine von einem ausländischen Experten verfasste Website. Sie können sich auf seine Dokumentstruktur Zengarden (Cicada Wing Garden) beziehen und sie wird in Baidu erscheinen.
2. Setzen Sie Ihr LOGO geschickt ein
Viele Freunde fügen gerne ein IMG-Tag als Logo der Website ein. Ich persönlich halte das für eine Verschwendung von Ressourcen. Weil Suchmaschinen das ALT-Attribut des IMG-Tags mittlerweile fast ignorieren. Hinzu kommt, dass Suchmaschinen dem ersten Teil des HTML-Codes große Bedeutung beimessen. Hier gebe ich Ihnen ein Beispiel, um Ihnen beizubringen, wie Sie Ihr Logo geschickt verwenden. Öffnen wir die Website von Sohu, um die Quelldatei anzuzeigen LOGO wird nicht verwendet. Das durch das IMG-Tag eingefügte Bild ist wie folgt definiert:
HTML-Teil
<h1><a href=http://www.sohu.com title="Sohu – Chinas größtes Portal">Sohu</a></h1>
CSS-Teil
h1 {text-indent:-5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}
h1 a {width:143px;height:67px;float:left;background:url(../images/logo.gif) no-repeat;overflow:hidden;}
Viele Leute fragen sich vielleicht, warum es ein H1-Tag ist? Zählt das als Betrug? Dies wird von der Suchmaschine nicht offiziell als Betrug eingestuft, und eine große Website wie Sohu tut dies, also können wir es einfach ins Auge fassen, und ich habe diesen Trick viele Male angewendet und bisher keine Probleme festgestellt.
3. Platzieren Sie H-Tags entsprechend
Freunde mit SEO-Erfahrung wissen das. H1-H6-Tags sind zwar gut für die Website-Optimierung, aber wenn Ihre H-Tags missbraucht werden, haben sie nicht nur keinen Nutzen für die Suchmaschinenoptimierung, sondern werden auch herabgestuft oder sogar zerstört. Nehmen wir als Beispiel eine Nachricht. Ich persönlich empfehle, den Titel in den H1-Tag einzufügen. Zusätzlich kann ein Hilfsschlüsselwort in den H2-Tag eingefügt werden können zum H2-Tag hinzugefügt werden, um es hervorzuheben. Wie bei H2 können Sie auch einige Schlüsselwortänderungen hinzufügen, deren Anteil muss jedoch kontrolliert werden. H4 funktioniert wie H3 besser, wenn es zusammen verwendet wird.
4. Kombination aus Ästhetik und Website-Optimierung
Derzeit ist die Erstellung von HTML-Layouts in China oft das größte Problem für Künstler oder Slicer-Mitarbeiter, da das inländische Betriebssystem nur sehr wenige Schriftarten auf Webseiten anzeigen kann. Die am häufigsten verwendete Schriftart ist Song Dynasty, aber viele Designer verwenden sie beim Website-Design . Es ist normal, in Ihrem Manuskript einige künstlerische Schriftarten zu verwenden. Aber leider unterstützen inländische Browser nur die Schriftart Song und einige selten verwendete Schriftarten in Fett- und Kursivschrift. Was soll ich tun? Freunde, die Slicing-Erfahrung haben, denken sofort an das Slicing von Bildern. Ja, das ist die gängigste Methode, aber was ist, wenn diese Dinge mit künstlerischen Schriftarten für SEO sehr nützlich sind? Der Autor hat einen Trick verwendet, den viele Freunde nicht bemerkt haben, nämlich Schriftarten einzubetten oder den Code einfach direkt gemäß den alten Regeln hinzuzufügen:
CSS-Teil
@font-face {font-family:'flagwindRegular';src:url('/DBFNT0.eot');}
#navigation li{font:normal 15px 'Microsoft Yahei','flagwindRegular';}
Beachten Sie sorgfältig die Schriftartendefinition meiner #Navigation. Zuerst ist es Microsoft Yahei, und dann ist der Inhalt im einfachen Anführungszeichen der Schriftartname, den ich oben angepasst habe. Ich werde hier nicht auf Details eingehen. Sie können es auf Baidu suchen. Es ist sehr einfach und Sie können es in wenigen Minuten erlernen.
Ich habe so viel geschrieben und dies ist mein erstes Mal, dass ich die Rezension bestehen kann. Was ich jedoch gesagt habe, basiert auf meiner 7-jährigen Erfahrung in der Website-Erstellung Bitte zögern Sie nicht, Paizhuan zu kommentieren. Wenn es die Rezension besteht, versuchen Sie, so viele praktische Dinge wie möglich zu schreiben.
Dieser Artikel wurde ursprünglich von Flagwind Network ( www.flagwind.com ) erstellt, einem Website-Erstellungsunternehmen aus Shenzhen. Bitte löschen Sie beim Weiterleiten nicht die Copyright-Informationen des ursprünglichen Autors.
Vielen Dank an Shenzhen Qifeng Network für den Beitrag