TEMA 6

1. ¿Qué es una página web?

Es una plataforma con la que las empresas igualan a todos los que se encuentran al
otro lado de la pantalla. Permite a todos los visitantes recibir la información que la
empresa considere relevante publicar y comprar, vender, consultar datos y establecer
comunicaciones con la empresa son algunas de las capacidades de las que se va
dotando a las web gracias a la evolución de la tecnología con la que crean y la que
incumbe a los navegadores.

2. ¿Qué es una aplicación web?

Es una página web que realiza un conjunto de acciones entre la empresa y la clientela
o entre la empresa y sus trabajadores/as.
Estas aplicaciones una vez creadas o puestas en funcionamiento cumplirán su
cometido en 24 horas al día 7 días a la semana con capacidad para simultanear
peticiones concurrentes así que es un método de comunicación efectivo y cómodo.

3. Las aplicaciones web según su funcionamiento sobre una estructura común con
funciones bien diferenciadas se dividen en
➢ La parte que todos los usuarios/as pueden ver y consultar, la que está
disponible para el público se llama front end.
➢ La parte dedicada a la administración y a la actualización de datos, que solo
estará disponible para los usuarios/as que tengan que realizar tareas de
mantenimiento y/o actualización que se denomina black end.

4. El acceso black end debe estar:

➢ Debe estar restringido y protegido, se debe acceder a través de una URL o
dirección web que no será de dominio público, solo ha de conocerla aquella
persona o grupo de personas que lleva a cabo estas labores.
➢ Para aumentar la seguridad, el acceso a la plataforma se hace mediante usuario
y contraseña validada o algún otro método seguro.
➢ Tiene un diseño pensado en la funcionalidad y en la usabilidad más que en
resultar atractivo al consumidor.
➢ No es una zona pensada para conseguir convencer al usuario/a de que es
vuelva es una zona de trabajo y la principal cualidad que debe poseer es que su
manejo sea:
o Sencillo
o Útil
o Versátil

5. El acceso front end debe estar

➢ Son las vistas de las páginas web que habitualmente se visitan. Están colgadas
de dominios que facilitan el ser recordados por los posibles visitantes.
➢ Deben ser atractivas a quienes entran puesto que deben ser un gancho para
conseguir que se vuelvan a visitar nuevamente.
➢ Su diseño debe ser simple y mostrar todas las posibilidades que los visitantes
puedan necesitar y es conveniente que resalte las opciones que a la empresa
propietaria le intereses potenciar.
 ➢ Generalmente los clientes/as son perezosos a la hora de realizar búsquedas en las
webs, es primordial que el diseño y la organización de la página consigan su
objetivo con pocos clics o desistirá en su empeño.

6. A nivel técnico las aplicaciones web se dividen

➢ Dominio
➢ Espacio web
➢ Servidor de base de datos

7. ¿Qué es un dominio?
➢ Es el nombre que todo el mundo recordarán, el que al ponerlo en el buscador
lleva a la página web.
➢ el dominio es técnicamente independiente del contenido que vaya a mostrar
porque su cometido es apuntar a un archivo en un servidor web concreto y este
servidor será el que muestre el contenido que el navegador deba revelar.

8. ¿Qué es un espacio web?

➢ Es el espacio donde se colocan los archivos que componen la pagina
➢ Es una fragmento del disco duro en un servidor que permite acceso publico
➢ una página web se compone de distintos archivos como fotografía, audios,
documentos,, el código que es el servidor web interpreta para montar y
mostrar la pagina ( archivos HTML, PHP, ccc)

9. ¿Qué es un servidor de base de datos?

➢ Se ocupa de guardar e interrelacionar registros con información que la
pagina web puede usar para ofrecer mayores funcionalidades y apoyar las
aplicaciones web
➢ Dentro del esquema de herramientas técnicas que forma una web, el servidor
de base de datos es un elemento opcional ya que no todas las paginas lo usan

10. Presentación de contenidos de una aplicación web

➢ A la hora de desarrollar una página web se define, a nivel técnico, una
separación entre la información que se representa y como se representa
➢ Una página web debe presentar sus elementos en un documento de forma
semánticamente correcta de un documento HTML
➢ Cada uno de los elementos que se incluyen van dentro de las etiquetas que
corresponden a la función en el documento
➢ Si un elemento forma parte de una lista de opciones, como puede ser un
menú, debe ir representado dentro de una etiqueta de lista
➢ La forma en que se representan, la posición, el color, el tamaño, en general
los efectos visuales, se deben configurar en horas de estilo llamadas CSS
que son independientes de los archivos HTML
➢ La suma de las dos partes , la que define que se expone y la que dicta como
se expone la información se mostrarán en el navegador del usuario/a
mostrando su LAY OUT= diseño
➢ El diseño web es la actividad creativa que debe definir y configurar de una
forma lógica y coherente a la vez que atractiva y cómoda la posición y la
forma de los elementos que componen la vista de la pagina web
➢ El diseñador/a debe buscar un equilibrio en la forma en que se muestra la
información en la web, manteniendo los estándares de belleza, pero sin
 sacrificar la cantidad de información que se ha de mostrar o la facilidad de
acceso a la misma
➢ El diseñador/ar ha de hacer llegar todo su mensaje a quien visita la web sin
que este pierda el interés y en la medida de los posible, fidelizar a la persona
para que vuelva al sitio web
➢ El diseño de una web se debe de hacer a través de ficheros CSS (cascading
style sheets), hojas de estilo en cascada
➢ Reciben este nombre porque las propiedades de cada elemento de la pagina
web, es decir, cada etiqueta que compone el HTML se va definiendo desde la
más general a la más concreta
➢ Cada atributo que no sea redefinido en posteriores instancias es heredado de
sus elementos padres o en caso de no existir, toma los valores por defecto en
el navegador

Las hojas de estilo:

➢ En las hojas de estilo se define el tamaño, la posición, el color y las
decoraciones que se deseen aplicar a los párrafos, las listas, la propia página
o las imágenes
➢ También se concretan otros aspectos más detallados tales como el tipo de
letra, los subrayados o el fondo de cada elemento
➢ Las hojas de estilo no tiene por qué ser un único documento, sino que lo más
habitual es dividir en múltiples archivos CSS los elementos de diseño para
cada sitio web en función del dispositivo, el soporte o la resolución en el que
se vaya visualizar
Usabilidad:
➢ Definida por YUSEFF HASSAN (universidad de granada) es la disciplina
que estudia la forma de diseñar sitios web para que los usuarios/as puedan
interactuar con ellos de forma más fácil, cómoda e intuitiva posible
➢ YUSEFF HASSAN añade que la mejor forma de crear un sitio web usable es
realizando un diseño centrado en el usuario/a, diseñado para el usuario/a, en
contraposición a lo que podrá ser un diseño centrado en la tecnología o uno
centrado en la creatividad u originalidad

La norma ISO 9241-11: Norma orientada a la calidad de usabilidad y ergonomía tanto

de hardware como de software, define y aúna los criterios ponderables que asignan a
la valoración de usabilidad a un sitio o una aplicación web.

11. ¿Qué es la usabilidad?

Es la capacidad que tiene una página web, para dar a aquellas personas que
accedan a ella la información que buscan de manera rápida y sencilla

12. ¿Qué es la accesibilidad?

Es el grado en que las personas pueden usar los servicios web,
independientemente de contar con capacidades especiales

13. Problemas de accesibilidad

➢ Problemas de visión es uno de los mayores problemas de accesibilidad por
lo que deberemos modificar el tamaño de los textos, cambiando los fondos
de color
 ➢ Estándares de accesibilidad: los marca la comunidad internacional llamada
w3c que se encarga de desarrollar los protocolos y directrices bajo los que
después funcionan los navegadores.
➢ También han desarrollado una herramienta que indica en qué grado un sitio
satisface las directrices de accesibilidad en https://validator.w3.org
➢ Una web que sea accesible, se consigue simplificando, creando documentos
HTML y añadiendo descripciones a los documentos gráficos para facilitar la
información

14. Actualización de los contenidos

➢ El objetivo de crear una página web es atraer visitas.
➢ Conseguir que los visitantes vuelvan periódicamente y se mantengan tanto
de las noticias y novedades que los propietarios de la paginas quieran
mostrar
➢ Las páginas web deben de ser dinámicas, en continuo proceso de evolución
y renovación, porque si no los posibles clientes/as perderán el interés
➢ Las páginas web deben mostrar información útil y atractiva al visitante,
cuidando la forma en la que se presenta esta información para resultar
agradable
➢ Y para que esta información sea útil debe ser renovada cada cierto tiempo
➢ Las empresas que poseen una página web su objetivo es poder vender
productos o servicios y propagar su mensaje
➢ No hace falta ser un experto informático para realizar estas acciones,
existen aplicaciones que te van tutorizando los pasos a seguir para
posicionarte en el mundo web como empresa
➢ Son aplicaciones web que manejan tanto el diseño gráfico como los
contenidos del sitio. y son los llamados CMS (center manager system o
sistema de manejo de contenidos)
➢ La parte grafica de la web se edita con unos editores denominados
WYSIWYG (what you see is what you get) que es lo que ves es lo que
obtienes
➢ Ya decidido cuál será el aspecto visual de la pagina web, cargaremos los
contenidos del diseño
➢ Texto, imágenes, sonido y videos deben transmitir la información al
visitante de la web de forma sencilla y clara y sin molestar o agobiar al
usuario/a
➢ Para generar una nueva página web , dentro del sitio se utiliza un editor de
texto que es parte de la herramienta CMS ( su aspecto no difiere mucho de
un editor de texto habitual, aunque es un poco más reducido, permite las
ediciones del texto)
➢ Al guardar este escrito el CMS lo transformará de acuerdo con el diseño y el
CSS correspondiente al dispositivo en que se ejecute componiendo el
código, necesario para crear una página HTML de forma automática
➢ Las imágenes no forman parte del código HTML en ningún caso
➢ Solamente se especifica un vínculo a l URL donde se encuentre y el
navegador es el encargado de importarlas cuando corresponda
 ➢ Los CMS gestionan las imágenes almacenándolas en un repositorio interno
y permiten utilizarlas dentro de las paginas creadas insertándolas desde él
mismo editor
➢ Para usar plantillas mas allá de las predeterminadas por blogspot, por
ejemplo , de internet, hay que descargar el archivo XML, de alguna web
especializada en plantillas de una plataforma
➢ Una vez que se está en posesión del archivo se accede al BLACK END de
blogspot y la opción tema y después se pulsa crear/restablecer copia de
seguridad

15. Plataformas de gestión de contenidos

➢ Es conveniente crear distintos usuarios para que no se interfiera en el
trabajo de los demás compañeros/compañeras
➢ No solamente se crean usuarios distintos, sino que se permite la creación
de distintos, sino que permite la creación de distintos niveles de usuarios
cuando el sitio web contiene información crítica o es extenso
➢ En estos niveles se definen distintos permisos, el que tiene menor rango por
ejemplo.
➢ Es posible que solo tenga permiso para proponer cambios que quedan a la
espera de que otra persona, con una rango superior de permisos, acepte
esta modificaciones y pasen a estar disponibles para su explotación o los
rechacen o anulen

16. Aplicaciones comunes para la gestión de una empresa

➢ Correo electrónico
➢ Aplicaciones videoconferencia , telefónica y mensajería,
➢ Agenda compartida

17. Documentos compartidos

➢ Sincronización dispositivos
➢ Plantillas, uso y configuración
➢ La nube
➢ Ofimática en la web

18. Que es el briefing

Cuando una empresa se dirige a una empresa de publicidad le hace entrega de un
documento denominado BRIEFING que es un documento que contiene los siguientes
puntos:
➢ Historia de la empresa
➢ Metodología de trabajo
➢ Productos/servicios prestados que comercializa
➢ Competencia
➢ Publico objetivo
➢ Objetivos del marketing
➢ Objetivos de comunicación
➢ El tipo de comunicación llevada a cabo hasta ese momento
➢ Timing
 ➢ Presupuesto
Si es la empresa de publicidad la que realiza este documento es los que se llama el
CONTRABRIEFING

19. Definición del público objetivo:

➢ El publico objetivo es aquel hacia el que va dirigido la campaña
➢ Para definir el publico objetivo podemos acudir
➢ Paneles de consumo: NIelsen, Kantar
➢ Instituto nacional de estadística
➢ Informa anual del sector TIC y de los contenidos en España
➢ Fundación BBVA

20. Definición de objetivos empresariales

➢ Satisfacción del cliente: Fidelización
➢ Rentabilidad
➢ Competitividad
➢ Internacionalización

21. Definición objetivos de comunicación

➢ Tráfico hacia nuestro site
➢ Posicionamiento
➢ Mayor visibilidad

22. ¿Qué es el SEO?

Es el resultado de una búsqueda orgánica (natural) en los buscadores
El número de palabras claves es limitado
El posicionamiento se mantiene en el tiempo

23. ¿Qué es el SEM?

Es el resultado patrocinado o de pago
Numero de palabras claves es ilimitado
Se termina en el momento que dejas de pagar la por la campaña

24. Que es una estrategia seo/sem

Es fundamental analizar las páginas de la competencia y las palabras clave mas
empleadas del sector.
Para ellos existen multitud de herramientas, pero de carácter gratuito son
➢ Google trends: para conocer la popularidad de una o varias palabras en un
periodo de tiempo ( marketing de contenidos)
➢ Ubersuggest: para encontrar y elegir las palabras clave

La optimización ha de ser paulatina y natural. Las cuatro herramientas que hay a

continuación van a trabajar por nosotros. Lo único que vas a tener que hacer es
INTERPRETAR los resultados.

25. Optimizar seo

 ➢ SEO Gratis: Introduce la web que quieres analizar y haz clic en “analizar
página”. Lee los consejos y “aplícalos”
http://seogratis.org/
➢ Woorank. Tras introducir la URL de tu empresa vete “moviéndote” por la
columna de la derecha. Comprueba los resultados obtenidos y compáralos con
los obtenidos en SEO Gratis ¿coinciden?https://www.woorank.com/es
o Optimizar la velocidad
➢ Google PageSpeedInsights: calcula la velocidad de una web desde ordenador o
desde dispositivos móviles. Introduce la URL y al igual que en la anterior
herramienta lee los consejos y “aplícalos”
https://developers.google.com/speed/pagespeed/insights/?hl=es
o Optimizar las imágenes
➢ Varvy SEO Tool: Te indica si las imágenes de tu página cuentan con el atributo
alt y de sus dimensiones (y también si la página tiene el certificado SSL)
https://varvy.com//

26. Que hacemos con las redes sociales

➢ En base al informa del IAB SPAIN razonamos si vemos conveniente promoción a
través de las redes sociales
➢ Según las tablas de análisis cuantitativo y cualitativo con el competidor,
establecer la frecuencia y tipo de contenidos que vas a compartir en las redes
sociales analizadas
27. Definición de la estrategia-análisis del contexto
➢ situación del sector en internet: análisis empresas de la competencia,
campañas on line y off line medir grado de agresividad en las campañas
publicitarias
➢ Análisis de la competencia: análisis de los sites
o Redes sociales
▪ selección de plataformas ( facebook, instagram, YouTube)
▪ análisis del contenido: seguimiento de la actividad durante un
periodo determinado de tiempo

Analización cuantitativa y cualitativamente a uno de nuestros competidores: siempre

es recomendable hacer dos tablas, una para el análisis cualitativo y otra para el análisis
cuantitativo.
1. Variables cuantitativas:
➢ Día: fecha de la publicación
➢ Publicación: número de contenidos publicados
➢ Herramientas: número de fotos, GIF, vídeos, texto…
➢ Engagement: número de likes, comentarios, compartidos, visualizaciones…
➢ Respuesta: número de diálogos community manager-consumidor
2. Variables cualitativas:
➢ Contenidos (categorías): Promoción, curiosidades, enlaces, noticias, concursos,
vídeos propios…
➢ Lenguaje: Formal, informal, utilización de emojis…
➢ Interés: tenemos que definir si es alto, medio o bajo:
 o En el caso de Facebook, hacemos una media del número de «Me
gustas», comentarios y compartidos de cada publicación: sumamos el
total de cada uno de ellos y a continuación dividimos entre el número
total de publicaciones en Facebook.
o Para decidir el grado de interés de cada publicación observamos si los
comentarios, comparticiones y «Me gustas» de esa publicación se
encuentran por encima o por debajo de la media obtenida, lo que
determinará si el grado de interés es bajo, medio o alto.
➢ Presencia: según el número de publicaciones/día fijaremos la presencia en alta,
media o baja. Procederemos al cálculo de la misma forma que hallamos el
interés (punto anterior).

a) Análisis página web

- Posicionamiento en el buscador: Por ejemplo, si estamos analizando una
empresa textil y escribimos en el buscador “moda” ¿en qué posición está la
empresa analizada?
- Diseño: colores predominantes, página de inicio, pestañas
- Qué potencia la página: destaca algún producto en concreto, la marca o
institución…
- Tipo de contenidos: vídeos, fotos, consejos…
- Intensidad comercial: cantidad de argumentos comerciales en la página
- Foros
- Preguntas frecuentes (FAQ)

b) Publicidad de nuestro competidor

Da respuesta a las siguientes cuestiones:
- Medios utilizados (prensa, radio, televisión, publicidad exterior, Internet)
- Soportes (El País, Cadena Ser, Tele 5, carreteras secundarias, Google)
- Protagonistas de los anuncios, cuñas, spots, carteles… (hombres, mujeres,
paisajes, animales…)
- Forma de transmitir el contenido (utilizan humor, emociones…)