El SEO es una ciencia que involucra una amplia gama de cosas. Al hacer SEO, muchos amigos tienden a centrarse en algunas cosas externas, como enlaces externos o publicidad, etc., mientras ignoran algunas de las cosas internas de sus propios sitios web. Les hablaré sobre algunas cosas en el diseño HTML. Espero que les sea útil y pueden discutirlo juntos.
1. Escribe una buena estructura HTML
Una buena estructura de documento HTML es beneficiosa tanto para los motores de búsqueda como para los codificadores (slicers o programadores). Recuerde que la razón por la que la gente abandonó el diseño TABLE (tabla) es porque el uso del diseño TABLE produjo una gran cantidad de código redundante y, para lograr un cierto efecto visual, solo se pueden aplicar varias tablas. Entonces, si usa el diseño DIV+CSS, pero su documento HTML está demasiado anidado o tiene demasiados códigos redundantes, básicamente no es diferente de un diseño de tabla. Aquí recomiendo un sitio web escrito por un experto extranjero. Puede consultar la estructura de su documento Zengarden (Cicada Wing Garden) y aparecerá en Baidu.
2. Usa tu LOGO con habilidad
A muchos amigos les gusta insertar una etiqueta IMG como logotipo del sitio web. Personalmente creo que es un desperdicio de recursos. Porque los motores de búsqueda ahora casi ignoran el atributo ALT de la etiqueta IMG. También está el hecho de que los motores de búsqueda otorgan gran importancia a la primera parte del HTML de un sitio web. Aquí le daré un ejemplo para enseñarle cómo usar su logotipo con habilidad. Abramos el sitio web de Sohu para ver su archivo fuente y descubriremos que es. El logotipo no se utiliza. La imagen insertada por la etiqueta IMG se define así:
parte HTML
<h1><a href=http://www.sohu.com title="Sohu: el portal más grande de China">Sohu</a></h1>
parte CSS
h1 {sangría de texto:-5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}
h1 a {ancho:143px;alto:67px;float:izquierda;fondo:url（../images/logo.gif） no-repeat;overflow:hidden;}
Mucha gente puede preguntarse por qué es una etiqueta H1. ¿Esto cuenta como trampa? El motor de búsqueda no declara oficialmente que esto sea una trampa, y un sitio web grande como Sohu hace esto, por lo que podemos enfrentarlo, y he usado este truco muchas veces y no he encontrado ningún problema hasta ahora.
3. Coloque las etiquetas H adecuadamente
Los amigos que tienen experiencia en SEO lo saben. Las etiquetas H1 ~ H6 son buenas para la optimización de sitios web, sí, pero si se abusa de sus etiquetas H, no sólo no tendrán ningún beneficio para el SEO, sino que serán degradadas o incluso destruidas. Por ejemplo, tomemos una noticia como ejemplo. Personalmente recomiendo colocar el título en la etiqueta H1. En la etiqueta H2 se puede colocar una breve descripción de unas 50 palabras. Además, una palabra clave auxiliar relacionada con el título. se pueden agregar a la etiqueta H2 para resaltarla. Las etiquetas H3 se pueden usar como subtítulos en el contenido de noticias, también puede agregar algunas modificaciones de palabras clave, pero se debe controlar la proporción. El H4, al igual que el H3, funciona mejor cuando se usan juntos.
4. Combinación de estética y optimización del sitio web.
En la actualidad, el diseño HTML en China suele ser el mayor dolor de cabeza para los artistas o el personal de corte, porque el sistema operativo nacional puede mostrar muy pocas fuentes en las páginas web. La más utilizada es Song Dynasty, pero muchos diseñadores la utilizan en el diseño de sitios web. Es normal utilizar algunas fuentes artísticas en su manuscrito. Pero, lamentablemente, los navegadores nacionales solo admiten la fuente Song y algunas fuentes en negrita y cursiva que rara vez se usan. ¿Qué debo hacer? Los amigos que tienen experiencia en corte inmediatamente piensan en cortar imágenes. Sí, este es el método más común, pero ¿qué pasa si estas cosas que usan fuentes artísticas son muy útiles para SEO? El autor utilizó un truco que muchos amigos no han notado, que consiste en incrustar fuentes o simplemente agregar el código directamente de acuerdo con las reglas anteriores:
parte CSS
@font-face {font-family:'flagwindRegular';src:url('/DBFNT0.eot');}
#navegación li{font:normal 15px 'Microsoft Yahei','flagwindRegular';}
Observe atentamente la definición de fuente de mi #navigación. Primero, es Microsoft Yahei, y luego el contenido entre comillas simples es el nombre de fuente que personalicé anteriormente. No entraré en detalles sobre las fuentes integradas personalizadas. Puedes buscarlo en Baidu. Es muy sencillo y puedes aprenderlo en minutos.
He escrito mucho. Mi escritura es pobre y esta es la primera vez que lo envío. Sin embargo, lo que dije se basa en mis 7 años de experiencia en la creación de sitios web. , no dude en comentar Paizhuan, si pasa la revisión, intente escribir tantas cosas prácticas como sea posible.
Este artículo fue creado originalmente por Flagwind Network ( www.flagwind.com ), una empresa de construcción de sitios web de Shenzhen. No elimine la información de derechos de autor del autor original al reenviarlo, ¡gracias!
Gracias a Shenzhen Qifeng Network por la contribución.