Le référencement est une science qui implique un large éventail de choses. Lorsqu'ils font du référencement, de nombreux amis ont tendance à se concentrer sur certains éléments externes, tels que les liens externes, la publicité, etc., tout en ignorant certains éléments internes de leurs propres sites Web. Je vais vous parler de certaines choses en mise en page HTML, j'espère que cela vous sera utile et vous êtes invités à en discuter ensemble.
1. Écrivez une bonne structure HTML
Une bonne structure de document HTML est bénéfique à la fois pour les moteurs de recherche et pour les codeurs (slicers ou programmeurs). Rappelez-vous que la raison pour laquelle les gens ont abandonné la disposition TABLE (table) est que l'utilisation de la disposition TABLE produisait beaucoup de code redondant, et afin d'obtenir un certain effet visuel, seules plusieurs tables peuvent être appliquées. Ainsi, si vous utilisez la mise en page DIV+CSS, mais que votre document HTML est trop profondément imbriqué ou contient trop de codes redondants, ce n'est fondamentalement pas différent d'une mise en page sous forme de tableau. Ici, je recommande un site Web rédigé par un expert étranger. Vous pouvez vous référer à sa structure documentaire Zengarden (Cicada Wing Garden) et il apparaîtra dans Baidu.
2. Utilisez habilement votre LOGO
De nombreux amis aiment insérer une balise IMG comme logo du site Web. Personnellement, je pense que c'est un gaspillage de ressources. Pourquoi dites-vous cela ? Car les moteurs de recherche ignorent désormais quasiment l’attribut ALT de la balise IMG. Il y a aussi le fait que les moteurs de recherche attachent une grande importance à la première partie du HTML d'un site Web. Ici, je vais vous donner un exemple pour vous apprendre à utiliser habilement votre LOGO. Ouvrons le site Web de Sohu pour afficher son fichier source et constater que c'est le cas. Le LOGO n'utilise pas L'image insérée par la balise IMG est définie comme ceci :
Partie HTML
<h1><a href=http://www.sohu.com title="Sohu-le plus grand portail de Chine">Sohu</a></h1>
Partie CSS
h1 {text-indent：-5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}
h1 a {largeur:143px;hauteur:67px;float:left;background:url（../images/logo.gif） no-repeat;overflow:hidden;}
Beaucoup de gens peuvent se demander pourquoi il s’agit d’une balise H1 ? Est-ce que cela compte comme de la triche ? Ceci n'est pas officiellement déclaré par le moteur de recherche comme une triche, et un grand site Web comme Sohu le fait, nous pouvons donc y faire face, et j'ai utilisé cette astuce plusieurs fois, et je n'ai trouvé aucun problème jusqu'à présent.
3. Placez les balises H de manière appropriée
Les amis qui ont une expérience en référencement le savent. Les balises H1 ~ H6 sont bonnes pour l'optimisation des sites Web, oui, mais si vos balises H sont abusées, non seulement elles n'auront aucun avantage pour le référencement, mais seront rétrogradées ou même détruites. Par exemple, prenons une actualité comme exemple. Personnellement, je recommande de placer le titre dans la balise H1. Une brève description d'environ 50 mots peut être placée dans la balise H2. peuvent être ajoutés à la balise H2 pour la désactiver. Les balises H3 peuvent être utilisées comme sous-titres dans le contenu d'actualités. Comme H2, vous pouvez également ajouter quelques modifications de mots clés, mais la proportion doit être contrôlée. H4, comme H3, fonctionne mieux lorsqu’il est utilisé ensemble.
4. Combinaison d’esthétique et d’optimisation du site Web
À l'heure actuelle, la mise en page HTML en Chine est souvent le plus gros casse-tête pour les artistes ou le personnel de découpage, car le système d'exploitation national peut afficher très peu de polices sur les pages Web. La plus couramment utilisée est Song Dynasty, mais de nombreux concepteurs l'utilisent dans la conception de sites Web. . Il est normal d'utiliser certaines polices artistiques dans votre manuscrit. Mais malheureusement, les navigateurs nationaux ne prennent en charge que la police Song et certaines polices grasses et italiques rarement utilisées. Que dois-je faire ? Les amis qui ont de l'expérience en découpage pensent immédiatement au découpage d'images. Oui, c'est la méthode la plus courante, mais que se passe-t-il si ces éléments utilisant des polices artistiques sont très utiles pour le référencement ? L'auteur a utilisé une astuce que beaucoup d'amis n'ont pas remarquée, qui consiste à intégrer des polices, ou simplement à ajouter le code directement selon les anciennes règles :
Partie CSS
@font-face {font-family:'flagwindRegular';src:url('/DBFNT0.eot');}
#navigation li{font:normal 15px 'Microsoft Yahei','flagwindRegular';}
Observez attentivement la définition de la police de ma #navigation. Tout d'abord, il s'agit de Microsoft Yahei, puis le contenu entre guillemets simples est le nom de la police que j'ai personnalisé ci-dessus. Je n'entrerai pas ici dans les détails des polices intégrées personnalisées. Vous pouvez le rechercher sur Baidu. C'est très simple et vous pouvez l'apprendre en quelques minutes.
J'ai tellement écrit. Mon écriture est médiocre et c'est la première fois que je soumets. La question est de savoir si cela peut passer l'examen. Cependant, ce que j'ai dit est basé sur mes 7 années d'expérience dans la création de sites Web. , n'hésitez pas à commenter Paizhuan, s'il réussit l'examen, essayez d'écrire autant de choses pratiques que possible.
Cet article a été créé à l'origine par Flagwind Network ( www.flagwind.com ), une société de construction de sites Web de Shenzhen. Veuillez ne pas supprimer les informations de droit d'auteur de l'auteur original lors du transfert, merci !
Merci à Shenzhen Qifeng Network pour la contribution