Si deseas aprender Cómo crear una página web de forma profesional, es muy importante que sepas cuál es la estructura básica de una página web a nivel de su lenguaje base: el HTML.
Conocer esta estructura te dará uno de los conocimientos más importantes con respecto al desarrollo web, que es el del posicionamiento SEO.
Cómo crear una página web utilizando etiquetas de
configuración de HTML
Las etiquetas HTML le dictan al navegador qué información debe mostrar y de qué manera. Algunas de ellas (las más importantes) son:
<!DOCTYPE> → Esta etiqueta no tiene cierre, y en ella se define la especificación de HTML que se esté utilizando. Se la escribe en la primer línea del documento, incluso antes de introducir la etiqueta de apertura de HTML.
<HTML> … </HTML> → Esta etiqueta le dice al navegador que lea el archivo como si fuera un documento de marcado hipertextual. Se la coloca debajo de la etiqueta <!DOCTYPE>. Dentro de esta etiqueta se desarrolla todo el documento web, y es la última etiqueta del documento que se cierra.
<HEAD> … </HEAD> → Esta etiqueta le indica al navegador información de fondo sobre el archivo web que está mostrando. Así, se da comienzo a la sección del encabezado, donde se incluye el título de la página web (que aparecerá en el extremo superior de la ventana del navegador), y las palabras y frases claves que el sitio maneja para que sea indexado por los buscadores, así como una descripción del contenido de la página creada, entre muchas otras cosas.
<TITLE>…</TITLE> → Esta etiqueta de título se coloca dentro del encabezado o <head> y su contenido aparece en la barra superior de la ventana del navegador.
<BODY> … </BODY> → Dentro de la etiqueta <body> (o cuerpo) el navegador encontrará la información específica de la página web, la cual deberá interpretar y mostrar al usuario que acceda a ella a través de una conexión a Internet. Una vez cerrada la etiqueta </head>, se abre la etiqueta <body>; etiqueta que puede llevar algunos atributos que modificarán a la página globalmente. Algunos de ellos son:
BGCOLOR: color de fondo
TEXT: color de texto
BACKGROUND: indica una imagen de fondo
<!– –> → esta etiqueta indica al navegador que lo que se inicia a partir de allí es lo que en programación web se llama “Comentario”, donde por lo general los programadores web suelen hacer aclaraciones con respecto al código fuente y la programación específica de la página.
<META> → esta etiqueta no tiene cierre y es MUY importante para el posicionamiento web en motores de búsqueda. Se puede utilizar para:
Ingresar información sobre el documento. Por ejemplo: <META HTTP-EQUIV=”REFRESH” CONTENT=”10”; url=segunda.html> → En este ejemplo estaríamos diciéndole al navegador que la página deberá ser redireccionada automáticamente a otra página web.
Optimización SEO a través de una descripción de la página web → Si ingresamos: <META NAME=”Description” CONTENT=”descripción breve del contenido de la página”>, los buscadores encontrarán una descripción del sitio otorgada por el desarrollador web, y no deberá crear por sí mismo la descripción de la misma.
Bien, estas son las principales etiquetas de configuración de un documento HTML. Si tú quieres saber cómo crear una página web, es muy importante que comprendas la estructura de lenguaje que tiene un sitio para que los motores de búsqueda los indexen correctamente.
¿Por qué esto es tan importante? Porque así, la página se mostrará en el buscador como realmente lo deseamos. Déjame tu comentario si te ha parecido útil esta información.
Facebook Comments: