Competencias comunicativas

Grupo:

Presentado por:

Que son las paginas web y como crear una pagina web

Tesis

Presentado a:

Juan Carlos Oviedo

Tutor

Universidad Nacional Abierta y a Distancia UNAD

Programa de ingeniería de sistemas
Escuela de ciencias básicas, tecnología e ingeniería

Bogotá D.C 28 de noviembre de 2019

Contenido
1 …………………………………………………… …introducción pg.3

2 …………………………………………………… Que son la paginas web pg.4

Y que es html

3………………………………………………… tipos de páginas web pg.5- 12

4………………………………………………Herramientas para crear una página web pg. 13 - 14

5…………………………………………………… Como crear una pagina web pg. 14 - 23

6…………………………………¿Qu es SEO y SEM? Diferencias y para qué sirven pg. 23 - 24

7 ………………………………………………...… referencias pg. 24

 INTRODUCTION
QUE SON LAS PÁGINAS WEB

Una página web, o página electrónica, página digital, o ciberpágina12 es un documento o

información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y
muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida
mediante un navegador web.

Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas,
organizaciones, o personas, así como una manera de comunicar ideas, pensamientos,
conocimientos, informaciones o teorías.3 Así mismo, la nueva tendencia orienta a que las páginas
web no sean solo atractivas para los internautas, sino también optimizadas (preparadas), para los
buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear
conflictos respecto de la calidad del contenido.

Tipos de páginas web

 Páginas web estáticas: Estas páginas se caracterizan por tener un contenido permanente

que no suele ser modificado ni por los usuarios o administradores de la web.
 Páginas web dinámicas: Estas páginas web contienen información que puede ser
modificada o creada por los usuarios de esta página, un ejemplo son las redes sociales
 One page: Una One page es un sitio que contiene una sola página interna y que puede
llegar a ser utilizada como una página de aterrizaje para una campaña en específico. 5
 Tiendas Online: También llamados E-commerce, estas páginas web contienen varias
páginas enfocadas a sus productos
 Webs corporativas: Son sitios que contienen páginas internas relacionadas a las
principales características de una empresa (Misión, Visión, servicios, etc.) y que sirven como
páginas de promoción de la marca.
 Blogs: Es un sitio donde se publican artículos relacionados con una temática en específico.
Pueden contener reseñas, tutoriales, noticias, guías, etc.
 Foros: Es un espacio virtual donde se aglomera una comunidad de usuarios para hablar
sobre temáticas diversas.
 QUE SON LA PAGINAS WEB
Una página web, o página electrónica, página digital, o ciberpágina12 es un documento o
información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y
muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida
mediante un navegador web.

Una página web está compuesta principalmente por información de un tema factible (solo texto y/o
módulos multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo,
datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para
así permitir interacción.
Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas,
organizaciones, o personas, así como una manera de comunicar ideas, pensamientos,
conocimientos, informaciones o teorías.3 Así mismo, la nueva tendencia orienta a que las páginas
web no sean solo atractivas para los internautas, sino también optimizadas (preparadas), para los
buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear
conflictos respecto de la calidad del contenido.

Uso correcto del término "página web

Es frecuente ver a personas referirse con "página web" a un sitio web completo. Siendo rigurosos,
esto es incorrecto ya que "página web" se refiere a una página concreta, con una URL específica y
no a un sitio completo compuesto por múltiples páginas web con diferentes URL.
Para crear una página web se necesita un documento HTML utilizando tres elementos o tags
principales que cualquier sitio Web usa: HTML, head y body.

QUE ES HTML
HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), hace
referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de
referencia del software que conecta con la elaboración de páginas web en sus diferentes
versiones, define una estructura básica y un código (denominado código HTML) para la definición
de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un
estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización
dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo
referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su
invención crucial en la aparición, Desarrollo y expansion de la World Wide Web (WWW). Es el
estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores
actuales han adoptado.
Tipos de páginas web

 Páginas web estáticas: Estas páginas se caracterizan por tener un contenido permanente

que no suele ser modificado ni por los usuarios o administradores de la web.
 Páginas web dinámicas: Estas páginas web contienen información que puede ser
modificada o creada por los usuarios de esta página, un ejemplo son las redes sociales
 One page: Una One page es un sitio que contiene una sola página interna y que puede
llegar a ser utilizada como una página de aterrizaje para una campaña en específico. 5
 Tiendas Online: También llamados E-commerce, estas páginas web contienen varias
páginas enfocadas a sus productos (Información, texto, videos, etc) y que además contienen
una pasarela de pago, donde los usuarios pueden comprar el producto y pagarlo en tiempo
real.
 Webs corporativas: Son sitios que contienen páginas internas relacionadas a las
principales características de una empresa (Misión, Visión, servicios, etc.) y que sirven como
páginas de promoción de la marca.
 Blogs: Es un sitio donde se publican artículos relacionados con una temática en específico.
Pueden contener reseñas, tutoriales, noticias, guías, etc.
 Foros: Es un espacio virtual donde se aglomera una comunidad de usuarios para hablar
sobre temáticas diversas.

Estáticas

Las páginas webs estáticas son aquellas en las que la información mostrada no cambia
constantemente. Están formadas por un conjunto de archivos compuestos por códigos HTML.
Este lenguaje de programación es el que permite mostrar el contenido de la página, es decir, las
imágenes, textos, vídeos y todos los demás contenidos que la componen.
Este tipo de páginas también se caracteriza porque no interactúan con el usuario o con el
navegante. Los archivos que conforman estas páginas web se almacenan en el servidor de Hosting
y su formato es también en HTML. Su
contenido no se modifica con regularidad. Y cuando se hace se necesita descargar los archivos del
servidor con algún software para editarlas con programas como Dreamweaver. Luego de
modificarse el contenido, este debe subirse nuevamente al servidor para que los cambios sean
visibles. Estas fueron las primeras que aparecieron en el momento en el que comenzó a
expandirse y a desarrollarse el Internet. Aunque son relativamente fáciles de crear y desarrollar,
sobre todo por el uso de programas de edición de textos, la complejidad que implica la
actualización del contenido, no resulta funcional. No obstante, este tipo de páginas es el ideal para
aquellos sitios web que no ameritan actualizar constantemente el contenido.
– Dinámicas

Las páginas dinámicas se caracterizan porque interactúan con el usuario. Es decir, que no se trata
de un simple archivo HTML, sino de un contenido que es interactivo. Esto se debe a que la
información se almacena en bases de datos que permiten el desarrollo de aplicaciones webs. Es
entonces desde allí desde donde se recupera la información necesaria para mostrar según las
peticiones de los usuarios. Su ventaja frente a las estáticas, es que en este caso el contenido
puede modificarse con mayor rapidez a través de un gestor de contenido. Además de que tiene
mayor poder de personalización. Por otro lado, no se desarrollan bajo el lenguaje de programación
HTML sino de otros como ASP, PHP, JSP o RUBY. Para manejar estos lenguajes si se requiere
contar con conocimientos informáticos. Las páginas web de este tipo nacieron a principios de los
años 90. A medida que fue creciendo la Red, las necesidades de los usuarios fueron cambiando. Y
se hizo cada vez más necesario contar con información actualizada con mayor regularidad. Fue
precisamente por el inmenso volumen de información que se hizo necesario el uso de buscadores
al estilo Google.

Privadas

Este tipo de página es aquella a la que solo pueden acceder ciertas personas. Estas deben tener
una identificación para que el sistema pueda reconocerlos y así poder permitir a estos la
visualización del contenido. Los sitios web de entidades bancarias contienen páginas privadas, ya
que para ingresar a tu cuenta personal necesitas introducir unos datos específicos reservados solo
para ti.

– Públicas

Fuente: https://pixabay.com/

A diferencia de las privadas, las páginas públicas se caracterizan porque no posee ninguna
restricción de acceso. Es decir, que cualquier persona con una conexión a Internet puede visualizar
su contenido.

– En flash
 

Estas páginas se construyen gracias a la utilización del software Flash de Adobe. Suelen ser muy
vistosas, porque incluyen animaciones, sonidos, efectos y movimientos.
Por ello, también se les conoce como páginas animadas. Para que puedan ser visualizadas se
necesita contar con un programa anexo al navegador o plug-in en el ordenador. Para construirlas
se necesita tener conocimientos profundos sobre el software de animación.
Una desventaja de las páginas hechas con Flash es que son muy pesadas. Esto se traduce en un
mayor tiempo de carga. Debido a esto, es importante que el servidor disponga de espacio y
capacidad para almacenar otros programas.
Por otro lado, mientras más cantidad de archivos contenga la página, menor será la velocidad de
esta. Otra gran desventaja es que los buscadores como Google no pueden leer su contenido. Lo
que significa que este no puede posicionarse utilizando herramientas SEO.
– Páginas de marca

Fuente: Brands Impact [CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)]

Este tipo de página web está dirigida a la construcción de una marca. Han sido desarrolladas para
afianzar la imagen de la marca ante los clientes.

En estas webs los productos no pueden comprarse como sucede en las páginas de comercio
electrónico. Aunque muchas veces ofrecen la posibilidad de comprar material POP de la marca.

Estos sitios tienen como objetivo preservar la imagen corporativa de la compañía. Suelen ser
utilizados por marcas de productos de consumo masivo y se dedican a compartir constantemente
contenido interesante para acercarse a los clientes y fidelizarlos.
– Páginas de servicios profesionales

Fuente: https://pixabay.com

Esta modalidad de página web está orientada a ofrecer información sobre productos y servicios.
Sin embargo, no se trata de una página de comercio electrónico de las que tienen un carrito de
compra. Aunque se promociona la venta, la página no funciona como un medio de compra.

El objetivo de este tipo de página es incentivar a los clientes a que compren los productos o
servicios publicitados, pero de forma offline.

Suelen ser utilizadas por profesionales de distintas áreas, así como por proveedores de servicios y
por distintos negocios en los que el proceso de venta debe, por obligación, realizarse en persona.
– Páginas de contenido

Fuente: https://pixabay.com

Este es una de las páginas web más populares. En esta categoría entran las páginas de noticias o
las que se dedican a temáticas específicas: belleza, salud, tecnología, medicina, entre muchos
otros temas. En este caso el principal producto que se comercializa es el contenido.

Este tipo de páginas son conocidas como blogs y allí se publican artículos informativos, llamados
también posts. Los autores pueden ser una o varias personas y quedan organizados de forma
cronológica a medida que se publican.

Este es quizá el mejor ejemplo de una página dinámica, ya que en este caso los lectores suelen
interactuar en la página dejando sus comentarios.
– Foros, comunidades y redes sociales

Fuente: https://pixabay.com

Se trata de páginas dedicadas a estimular la interacción, la generación y el intercambio de

información entre los usuarios. Es aquí donde personas con intereses afines se reúnen para
comunicarse con otros, ya sea por medio de chats o foros. Estas páginas suelen ser muy
conocidas. Se habla así de Facebook, Twitter, Snapchat o foros especializados.
– Wikis

Fuente: https://pixabay.com

Estas son páginas enciclopedias sociales en las que una comunidad de autores sube y corrige
información. Es una web colaborativa en la que poco a poco se va generando una enorme base de
datos sobre temas específicos. La página web más famosa con este formato es Wikipedia.

Herramientas para crear una página web

Para la creación de un sitio web (varias páginas web enlazadas) es necesario contar con algunas
herramientas. Estas son: ordenador, editor de texto, editor de archivos gráficos, espacio en un
servidor web y el software cliente del FTP.
Este último se utiliza para enviar al servidor web la página. En lo que respecta a los editores,
existen muchos. Los más básicos son Notepad y WordPad, los intermedios podrían ser Editplus y
GNU Emacs y los más avanzados serían Front Page y Dreamweaver.

En cualquiera de estos casos, inclusive en los más básicos, es necesario contar con conocimientos
en el lenguaje HTML. En el caso de los editores de archivos gráficos, se trata de herramientas
dedicadas a generar imágenes. Los más avanzados disponen de herramientas para generar
diversos efectos gráficos como botones, transparencias, texturas, entre otros.

Los sitios web están formados por diferentes páginas. Existe un formato estándar para algunas de
las páginas que deberían contener estos sitios. En el caso de un negocio pequeño, hay cinco
secciones que debería tener la web que se ha creado.

CÓMO CREAR UNA PÁGINA WEB

 Página de inicio: aquí debe mostrarse el resumen de todo el sitio web. Este es el lugar
para explicar lo que se hace y el por qué los clientes deberían adquirir los productos o
servicios ofertados.
 Página sobre mí: es importante que el usuario sepa quién le habla. Esta página es
imprescindible para crear empatía y generar confianza con los lectores.
 Página de contacto: la comunicación es importante. Por ello, las páginas web suelen
incluir un formulario rápido o incluso algunos datos de contacto como un correo
electrónico o una dirección postal.
 Página de servicios: es importante que al cliente le quede claro a qué se dedica el
negocio. Al llegar a la página, este querrá saber qué es lo que se le puede brindar. Es
necesario que los administradores del sitio se aseguren de mostrar la información
necesaria para que no queden dudas.
 Páginas legales: cumplir la ley es fundamental. Por ello, en las páginas web no pueden
faltar las páginas donde se detalle la legislación vigente en lo que respecta a la
privacidad de datos.
 Un documento web (o página web) es, como hemos apuntado en la introducción, un conjunto de
tags HTML que se escriben en un editor de texto plano (sin formato) y se ejecutan en un navegador
web.

Herramientas para crear una pagina web

El esqueleto básico de HTML

Para crear un verdadero documento HTML comenzará con tres elementos contenedores:

 <html>
 <head>
 <body>
Estos tres se combinan para describir la estructura básica de la página:

 <html>: Este elemento envuelve todo el contenido de la página (excepto la DTD)

 <head>: Este elemento designa la parte de encabezado del documento. Puede incluir
información opcional sobre la página Web, como puede ser el título (el navegador lo muestra en la
barra de título), palabras clave de búsqueda opcionales y una hoja de estilo opcional.
 <body>: Este elemento alberga el contenido de su página Web, es decir, aquello que
queremos que aparezca en el área de navegación del navegador.
Sólo hay una manera correcta de combinar estos tres elementos. He aquí su colocación exacta,
con el doctype al comienzo de la página:

<!DOCTYPE html>

<html>

<head>

...

</head>

<body>

...

</body>

</html>

Toda página Web utiliza esta estructura básica. Los puntos suspensivos (...) muestran dónde
insertaría la información adicional.

Una vez colocado el esqueleto XHTML, debe añadir dos conectores más a la mezcla.

Toda página Web requiere un elemento <title> en la sección del encabezado. A continuación,

deberá crear un contenedor para el texto en la sección del cuerpo de texto (<body>).
 Un elemento contenedor de texto multiuso es <p>, que representa un párrafo. Veamos con más
detalle los elementos que hay que agregar:

 <title>: Establece el título de la página Web, el cual tiene varias funciones. Primero, los
navegadores lo muestran en la parte superior de la ventana. Segundo, cuando un visitante crea un
marcador para la página, el navegador emplea el título para etiquetarlo en el menú Marcadores (o
favoritos). tercero, cuando la página aparece en una búsqueda Web, el motor de búsqueda suele
enseñar este título como primera línea en los resultados, seguido de un fragmento del contenido de
la página.
 <p>: Indica un párrafo. Los navegadores no los sangran pero añaden un pequeño espacio
entre varios consecutivos para mantenerlos separados.
He aquí la página con estos dos nuevos ingredientes:

<!DOCTYPE html>

<html>

<head>

<title>Bienvenido a mi sitio Web</title>

</head>

<body>

<p></p>

</body>

</html>
Si abre este documento en un navegador Web, verá que la página está vacía, pero ahora aparece
el título.

Cuando un navegador muestra una página Web, el título se presenta en la parte superior de la
ventana, con el texto al final. Si el suyo utiliza la navegación por pestañas, el título también aparece
en ellas.

Tal y como está ahora, este documento HTML es una buena plantilla para futuras páginas. La
estructura básica está en su lugar; simplemente necesita cambiar el título y añadir algo de texto.

Lo primero que tenemos que saber es que en toda página web existen dos partes claramente
diferenciadas: la cabecera, o head, y el cuerpo, o body.

Vamos hacer es crear una carpeta, dentro de "Mis documentos", para almacenar los ficheros de
prueba que vayamos a usar. 

A esta carpeta la llamaremos pruebas-html en el resto de los ejercicios. Con la carpeta abierta,

haga doble clic sobre el ícono que representa al bloc de notas.

Se le abrirá un documento en blanco.

Escriba el siguiente texto:

<!DOCTYPE html>

<html>

<head>

<title>Título de la página</title>
 </head>

<body>

</body>

</html>

Cuando lo tenga escrito, guárdelo en la carpeta con el nombre plantilla.html.

Es vital que la extensión sea .html, ya que sólo por la extensión el sistema operativo reconoce este
archivo como un documento web, y no como un simple y archivo de texto.

El nombre del archivo deberá escribirse como está, en minúsculas y sin espacios ni caracteres
especiales.

Los únicos signos de puntuación admitidos son el punto (sólo uno), que lo usaremos para separar
el nombre de la extensión y el guión bajo.

El nombre podrá contener letras y números, pero deberá empezar por una letra. Así mismo, nos
abstendremos de meter en el nombre de un archivo letras acentuadas, eñes, cedillas, o cualquier
otro carácter de algún alfabeto local.

Únicamente se admiten los caracteres del alfabeto internacional (ingles).

Observe los siguientes ejemplos:

 página1.htm es incorrecto, pues tiene una letra acentuada.

 Pagina 1.htm es incorrecto, pues tiene un espacio en blanco y una mayúscula
 cañas.htm es incorrecto, pues tiene una eñe.
 pagina/1.htm es incorrecto, pues tiene un carácter no permitido (la barra)
 pagina1-htm es incorrecto, porque la extensión no está separada del nombre por un punto
y porque emplea un carácter no permitido. (el guión normal).
 pagina.1.htm es incorrecto, porque hay más de un punto. Sólo debe usarse uno, para
separar el nombre de la extensión.
 pagina1.htm es correcto
 pagina_1.html es correcto
 pagina-1.html es correcto
Puede que todas estas precauciones le parezcan excesivas ahora. La mayoría de ellas son
realmente innecesarias en Windows, pero no olvide que está trabajando en la Red.

Los servidores web son mucho más sensibles a determinados aspectos del nombre de los ficheros
que su máquina local.

Otra norma importante es que los archivos llevan una extensión, pero las carpetas en las que las
guardamos no. Así pues, en el nombre de una carpeta nunca incluiremos puntos.

Una vez que haya guardado su código en su carpeta con el nombre adecuado, cierre el bloc de
notas. En su carpeta, además del bloc de notas, verá el ícono que representa al archivo que acaba
de grabar.

Observe que el ícono recuerda al de Explorer o Google Chrome (suponiendo que alguno de ellos
sea su navegador por defecto).

Esto es así porque al haber guardado el fichero con la extensión .htm el sistema operativo
reconoce este fichero como documento web (también llamado documento html).

Si graba incorrectamente la extensión, el ícono será diferente y no podrá usar su archivo como
documento web.

Para ejecutar la página que acaba de crear, haga doble clic sobre el ícono. Automáticamente, se
abrirá el navegador y se cargará la página. La ruta completa de acceso y el nombre del fichero
aparecerán en la barra de dirección.

Ahora veamos en detalle cuál es el código de esta página que hemos creado y qué es lo que hace.

En primer lugar, encontramos el tag <html>. Este tag se emplea siempre para iniciar el código html.
Es la forma de decirle al navegador que en este punto empieza el código. Por esta razón se pone
esta línea siempre como la primera del código.

No incluiremos ningún tag antes de este, con excepción del DOCTYPE. Por el contrario, al final del
código tenemos el tag </html> , que le indica al navegador que el código finaliza en ese punto.

No deberemos incluir ningún tag ni nada más después de esta línea. Observe que el tag de
finalización es igual al de inicio, pero incluyendo la barra inclinada al principio.

Dentro del código html encontraremos claramente diferenciados los dos bloques que mencionamos
antes: el head (cabecera) y el body (cuerpo de la página).

Veamos el código de la cabecera:

<head>

<title>

Título de la página

</title>

</head>

Al igual que el código general, la cabecera tiene un principio indicado por <head> y un final
indicado por </head>.

Todo lo que queramos incluir en la cabecera irá colocado entre estas dos líneas.

Como decíamos antes, en la cabecera incluiremos algunos datos generales de configuración de la

página. En esta plantilla sólo hemos incluido el título de la página.
El título de la página se incluye entre los tags <title> y </title>, que indican, respectivamente, el
comienzo y final de dicho título.

El título es un literal (una cadena de texto) que aparecerá en la barra de título del navegador en
tiempo de ejecución (cuando se ejecute la página), tal como muestra el detalle de la figura
siguiente:

Quiero recalcar que este título es solamente eso: un texto libre para que aparezca en la página y
no tiene nada que ver con el nombre que le dimos al fichero.

Una vez completado el head, pasamos a la segunda sección de toda la página web: el body o
cuerpo.

El body incluye, tal como lo mencionaba anteriormente, todo lo que queramos visualizar en el área
de navegación.

Se inicia con el tag <body> y se finaliza con el tag </body>. Como vemos en el archivo que hemos
creado, de momento no hemos incluido nada.

Por esta razón, al ejecutar la página, se ve el área de navegación vacía. Dentro del body iremos
metiendo código e iremos visualizando los resultados.

Lo primero que vamos hacer es incluir texto en la página para que se muestre en el área de
navegación.

Para ello, cierre el navegador y, dentro de la carpeta en la que está trabajando, arrastre el ícono
de plantilla.html sobre el bloc de notas. De esta forma, se abrirá el bloc de notas y cargará el
código fuente que había tecleado anteriormente.

En la zona del código reservada para body de la página entre las líneas <body> y </body> teclee lo
siguiente:

Esto es una línea de texto.

Por lo tanto, su código quedará como sigue:

<!DOCTYPE html>

<html><

head>

<title>

Título de la página

</title>

</head>

<body>

Esto es una línea de texto

</body>

</html>

A continuación haga clic en el menú ARCHIVO y, dentro de éste, elija la opción GUARDAR COMO
… asegúrese de guardarlo en su carpeta.

Como nombre de fichero ponga texto-simple.html. Una vez guardado, cierre el bloc de notas y
ejecute el fichero haciendo doble clic sobre su ícono.

El resultado en la pantalla será como el que se muestra:

Como ve para mostrar un texto en el área de navegación, basta con incluir dicho texto dentro del
cuerpo de la página.

En el próximo artículo vamos a aprender muchas cosas acerca del texto: su presentación, su color,
etc.

¿Qu es SEO y SEM? Diferencias y para qué sirven

Cuando escuchamos hablar de marketing online, inmediatamente aparecen términos como SEO y
SEM, acrónimos que para muchos son dos grandes desconocidos o, si han oído hablar de ellos, no
tienen claras sus diferencias. En ambos casos, el objetivo es el mismo, aparecer en los primeros
puestos de los buscadores y, por lo tanto, ser visible en Internet.

La principal diferencia entre el SEO y el SEM es que uno ofrece resultados orgánicos o naturales y
el otro da unos resultados que se consiguen a través de campañas de anuncios de  pago  en los
buscadores de Internet.

 SEO. Aparecer en los primeros puestos de Google.

SEO (Search Engine Optimitation) es una estrategia de marketing que sirve para optimizar las
páginas web para los buscadores. Los principales motores de búsqueda son Google, Yahoo y
Bing, siendo el primero el más usado en España. Es un proceso natural, es decir, para aparecer en
los primeros puestos no hay que pagar campañas de anuncios. Eso tampoco quiere decir que no
lleve aparejado un coste económico ni de tiempo. El SEO tiene un gran trabajo detrás para
conseguir el principal objetivo, aparecer en los primeros puestos.

La estrategia SEO, para obtener los mejores resultados, siempre debe tener en cuenta el algoritmo
utilizado por los buscadores y que sienta las bases a la hora de realizar las tareas encaminadas a
lograr los primeros puestos. De otra manera, el motor de búsqueda puede penalizar a la página
web quitándola de los primeros puestos e incluso eliminándola de sus listados.

Un buen trabajo SEO debe constar de muchos aspectos como la correcta optimización del sitio
web (implementación de metaetiquetas, arquitectura web, etc.), contenido de calidad y original o la
consecución enlaces óptimos. Sin olvidarnos que siempre hay que hacer un buen estudio de  las
palabras clave a utilizar además de cuidar el diseño y la usabilidad de la web.

SEM. Conseguir visibilidad con los anuncios de Google.

Si en el SEO el objetivo es lograr resultados orgánicos, en el SEM (Search Engine Marketing) se

busca obtener mayor visibilidad mediante campañas de anuncios de pago. Es decir, anunciar los
productos o servicios de nuestra web en Google para lograr nuestros objetivos.

Pero, ¿cómo sabemos cuando un resultado es por una campaña de SEM y por SEO? Fácil,
cuando se realiza una búsqueda en Google los resultados que aparecen en la parte superior y en
el lado derecho de la pantalla junto a la etiqueta amarilla ‘Anuncio’ forman parte de campañas
SEM. Esos resultados están ahí porque se ha pujado por una serie de palabras clave y se paga por
conseguir clics e impresiones de pantalla.

Para realizar una campaña SEM hay que hacer un estudio de palabras claves con las que
queremos aparecer, montar una estructura de campañas y grupos de anuncios y tener unas
páginas de aterrizaje de buena calidad (y relacionadas con nuestros anuncios). Igual de importante
que poner en marcha la campaña es la monitorización, seguimiento de conversiones o la
optimización de palabras negativas (las que queremos que cuando se busquen no aparezcan
nuestros anuncios).

Entonces, ¿SEO o SEM?

El SEO requiere un trabajo que ofrece resultados a medio plazo, pero que se mantendrán en el
tiempo. Mientras que el SEM, permite conseguir visibilidad en muy poco tiempo, con un
inconveniente, esos resultados desaparecerán de los primeros puestos en el momento que se deje
de pagar la campaña de anuncios.
Lo más recomendable es diseñar una estrategia en la que se combinen las dos opciones. Realizar
una serie de campañas SEM mientras el trabajo SEO va logrando objetivos y resultados, es una
buena estrategia para comenzar a tener visibilidad en Google de los productos y servicios de
nuestra web. Está comprobado que tener resultados de Adwords y orgánicos proporcionan un
mayor número de clicks, además de reforzar el branding de nuestra marca.

REFERENCIAS
Paginas web

https://es.wikipedia.org/wiki/P%C3%A1gina_web

COMO CREAR UNA PAGINA WEB

https://disenowebakus.net/domine-html-y-dhtml-primeros-pasos.php

TIPOS DE PAGINAS WEB

https://www.lifeder.com/tipos-paginas-web/

Posicionamiento web (SEO)

https://www.quelinka.com/que-es-seo-sem-diferencias-y-para-que-sirven/