CURSO


DISEÑO DE SITIOS WEB

UNIDAD 3 FASE 4

HAROLD SOLANO AREVALO

CEDULA: 1.070.609.060
GRUPO: 301122_51

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

PROGRAMA: TECNOLOGIA DE SISTEMAS
CEAD- JOSE ACEVEDO Y GOMEZ

2021
 DESARROLLO ACTIVIDAD

LINK DEL REPOSITORIO

https://github.com/hsolanoa/DSWHaroldSolano.git

LINK SITIO WEB

https://hsolanoa.github.io/DSWHaroldSolano/Fase4/
 DESARROLLO ACTIVIDAD

Sitios Responsivos con Media Queries

Las media queries permiten a las páginas web utilizar diferentes declaraciones de

estilo de la hoja de estilos en base al ancho de la pantalla del dispositivo en el que

se visualiza el sitio web. En los diseños web responsive, una media query es una

declaración CSS que se utiliza como parámetro para saber cuándo utilizar otra

declaración de estilo en base a las dimensiones del dispositivo en donde se

visualiza la página web. Hay dos maneras de utilizar una media query: utilizando

una hoja de estilos externa o escribiendo directamente en la hoja de estilos.

Permiten saber qué sistema se está visualizando una página web y, en función de

ello, aplicar unas reglas de estilo u otras. Así, podemos servir un CSS

personalizado, acorde las condiciones del navegador o dispositivo que nos visita.

Como veremos a continuación, se han convertido en uno de los mejores recursos

con los que cuentan los diseñadores para hacer sitios responsive.

Utilizar las Media Queries de CSS3 es muy sencillo, como todo el lenguaje CSS

en general. De una manera descriptiva podemos indicar una condición y a

continuación los estilos que deben aplicarse cuando ésta se cumpla. Para aclarar

su sintaxis veremos una serie de ejemplos útiles e ilustrativos.

 MEDIDAS PARA MEJORAR EL SEO

Las etiquetas y las meta etiquetas

Todas las páginas de los site son en realidad códigos HTML que interpretan los
navegadores. Los navegadores traducen este código gracias a ciertos atributos
o "etiquetas" ("tags" en inglés) que mostrarán la información de la manera en la
que lo ves ahora mismo.
Google y otros buscadores utilizan algunas de estas etiquetas para determinar la
relevancia temática de las páginas, e intentar situarlas en el lugar que le
corresponde en las búsquedas.

Es decir, podrás mejorar el posicionamiento de tus páginas, optimizando estos

"tags".

El título es el elemento más importante para optimizar tú SEO On Page. Google

considera el título como uno de los factores más significativos para "conocer" la
temática de tus páginas. El título de una página debe corresponder con el contenido
de tu post y ser consecuente con él. Por ello como hemos mencionado
anteriormente, debe contener la keyword más relevante.
Dirección URL
Si una dirección parece "sospechosa", o no describe adecuadamente lo que se
menciona en el título, tiene muchas posibilidades de perder clicks.

Dependiendo de la plataforma web que utilices podrás editar la dirección de tus

páginas fácilmente.

Encabezados (Header Tags)

Los más importantes son el H1 y el H2. Google interpreta ese texto como texto
de mayor importancia, por lo que procura que contenga contenido importante del
tema de tus post e incluso alguna keyword secundaria.
Enlaces "nofollow"
Cuando colocas en tu post enlaces externos y no quieres que Google los lea/indexe
para que no se muestren en los resultados, coloca rel="nofollow" dentro del código
HTML del enlace externo.

Puede que sea porque no queremos perder autoridad o porque la página no tiene
que ver con tu web y tú no la recomiendas, o simplemente estás facilitando a tu
lector contenido adicional que le pueda servir de ayuda.

Enlaces Internos
Mejoran el flujo de información de tu web y ayudarán a los usuarios a acceder a
contenido relacionado dentro de tu site.
En cuanto a tu posicionamiento orgánico, cuando Google llega a una de tus
páginas, además de leer el contenido e indexarlo, comienza a seguir los enlaces
internos que apuntan hacia otras páginas. Al enlazarlas entre sí podrán ser
visitadas e indexadas.
Enlaces Externos
En ocasiones se aconseja no colocar enlaces externos para no perder autoridad.
Sin embargo, los enlaces externos si son útiles, proporcionan una mejor experiencia
al usuario, y esto es un signo positivo para Google.

Negritas y Cursivas
Google no presta atención a las palabras destacadas en negrita y cursiva. De cara
a tu posicionamiento orgánico no sirve de nada. Sin embargo, está probado que
destacar texto al igual que añadir imágenes, ayuda al lector a hacer la lectura más
llevadera y de esta manera se sentirá motivado a seguir en tu site.
Contenido de la página
Las keywords que utilices en el contenido de tu blog, deberían estar todas
relacionadas con la keyword principal. De esta manera no confundirás a Google y
vinculará tu post al tema exacto que pretendes posicionar. Así, cuando la gente
busque sobre un tema que se relacione con el de tu post, tu publicación aparecerá
en las búsquedas de Google aumentando tu tráfico de manera gratuita.

Ahora bien, aunque no sea estrictamente necesario que el contenido de tu post sea
de calidad para posicionar tu post, queremos que los usuarios se queden en nuestra
página. Sé honesto y genera un servicio de calidad. Si tu página recibe una gran
cantidad de contenidos negativos no solo te penaliza de cara a tus visitas, sino
que Google también te penalizará.
Estructura tu web para mejorar tu SEO
Procura que tu página tenga una estructura lo más horizontal posible. Si pones
muchos submenús y hay que adentrarse mucho para acceder a los contenidos el
usuario se perderá en tu web y se irá a otra parte.
El tipo de estructura que suele ser más beneficiosa para el SEO es la
estructura "silo". Este tipo de estructura en forma de árbol o pirámide te permite
encaminar más fácilmente a los usuarios y llevarlos hacia donde más te interese,
como por ejemplo las "Landing Pages" donde quieres que se lleve a cabo alguna
acción (compra, suscripción, etc.)
Medidas adoptadas en el sitio

• Negrita en palabras claves

• Manejo de enlaces internos

• Manejo de encabezados H1 y H2