Calidad web - Elementos importantes de HTML
- Página anterior Estándares web
- Página siguiente Hoja de estilo
Para mejorar la calidad web, <DOCTYPE>, <title> y <h1> son etiquetas importantes.
El elemento <DOCTYPE>
Doctype significa "declaración de tipo de documento" (DTD).
Todos los documentos HTML y XHTML deben usar el elemento <Doctype> para definir la versión de HTML que siguen.
La declaración doctype define la versión de HTML que está utilizando y proporciona información importante para que el navegador presente su página de manera más rápida y uniforme.
La declaración de tipo de documento también permite que las herramientas de validación puedan verificar la sintaxis de la página:
HTML 4.01 Strict, Transitional, Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"
XHTML 1.0 Strict, Transitional, Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
DTD XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
El elemento <title>
El elemento <title> es uno de los elementos HTML más importantes. Su función principal es describir el contenido de la página web.
Incluso si el título no es una parte visible de la página web, es importante para mejorar la calidad del sitio, ya que es visible en los siguientes lugares:
- La lista de motores de búsqueda
- La barra de título de la ventana
- En los marcadores del usuario
El título debe ser lo más corto posible y descriptivo.
Cuando un usuario busca un sitio web en internet, la mayoría de los motores de búsqueda mostrarán el título del sitio en los resultados de búsqueda. Asegúrese de que el título coincida con el contenido de la página web. De esta manera, los usuarios tienen más probabilidades de hacer clic en estos enlaces y acceder a su sitio.
Cuando el usuario visita su sitio web, el título en la barra de título de la ventana es visible. Asegúrese de que incluso cuando la ventana esté minimizada, el título siga describiendo el contenido del sitio.
Después de que el usuario acceda a su sitio web, el título de la página se almacenará en la carpeta de historial (el usuario incluso puede agregar la página a sus favoritos). Para futuras visitas exitosas, asegúrese de que el título pueda describir claramente su sitio web.
Títulos excelentes:
<title>Tutoriales de HTML</title> <title>Introducción a XML</title>
Títulos pobres:
<title>Introducción</title> <title>Capítulo 1</title> <title>CodeW3C.com tiene una serie completa de HTML, CSS, JavaScript, bien organizados y fáciles de entender.</title> Tutoriales de DHTML, XML, XHTML, WAP, ASP, SQL, y contiene muchos ejemplos y código fuente.</title>
Elementos <h1>
Los elementos <h1> se utilizan para describir el título más alto de la página web.
Dado que algunos navegadores muestran por defecto los elementos <h1> con una fuente muy grande, algunos desarrolladores web utilizan elementos <h2> en lugar de <h1> para mostrar el título más alto. Esto no afectará a los lectores, pero puede confundir a los motores de búsqueda y otros programas que intentan 'entender la estructura de la página web'.
Asegúrese de usar <h1> para el título más alto y <h2> y <h3> para niveles inferiores.
Puede intentar construir su página web según este modelo:
Si no le gusta el tamaño predeterminado de la fuente del título, puede usar estilos o hojas de estilo para cambiarlo.
- Página anterior Estándares web
- Página siguiente Hoja de estilo
