UNIDAD 2.

PLANEACIÓN
Y CONSTRUCCIÓN DEL
SITIO WEB
Mercadotecnia Digital
 • Lo que tenemos que tener en cuenta
Planeación del con la creación de un sitio web:

sitio web • •    Propósito•    Alcance•   

Estructura•    Contenido
• ¿Qué motivos impulsaron a crear su
sitio?
Preguntas
• ¿Quiere contarle a la gente lo que que ayudarán
usted fabrica, ofrecer sus servicios,
exponer sus intereses? a encontrar
un propósito:
• ¿Quiere emitir opinión sobre un tema
determinado, expresar una idea?
 • Determine el tema que abordará;
podrá optar por un alcance general
para luego profundizar en tres o cuatro
aspectos más específicos, o puede
Estableciendo optar por un alcance limitado y muy
especifico.Ofrecer en su sitio la
el alcance de su posibilidad de que el visitante se
comunique con usted, ya sea para
sitio. pedir más información, plantear sus
problemas u opiniones, solicitar
soporte técnico, etc. Esta posibilidad
brinda un espacio de interactividad en
el sitio.
 La estructura del sitio

LA MEJOR FORMA DE CATEGORÍA: NUESTRA ESTO PERMITE LOGRAR

PRESENTAR EL EMPRESA, HISTORIA, UNA ESTRUCTURA
CONTENIDO DE UN SITIO MISIÓN, VISIÓN, ETC. JERÁRQUICA EN LA CUAL
WEB ES EN FORMA DE CONTENIDO: DESARROLLO EL USUARIO PUEDE IR
CATEGORÍAS, YENDO DE DE CADA UNO DE LOS REVISANDO LAS
LO GENERAL A LO TEMAS. CATEGORÍAS QUE LE
PARTICULAR. INTERESEN.
Hospedaje y
dominios
 • Es una serie de caracteres que están
asociados a una dirección en Internet
¿Qué es un conocida como IP, esta dirección identifica
nombre de un servidor que almacena información del
sitio web.
dominio?
• Para facilitar la memorización de una
dirección IP surgen los nombres de
dominio que permiten sustituir los
números por letras y/o números
además del guion "-", dando como
resultado que podamos dirigirnos
fácilmente a una ubicación en
Internet.
Dominios y su
extensión
• Las extensiones de dominios son la
parte final del nombre de
un dominio y revelan la naturaleza
del sitio. Algunos de los que ¿Qué son las
indican el contenido del sitio web
son: .com para uso comercial. extensiones
de dominios?
Dominios
Geográficos/Territoriales • .hk – Hong Kong
o ccTLD (country code • .mx – México
Top-Level Domains) • .pe – Perú
Dominios de Nivel
Superior (Top Level
Domains en inglés)

.NET: SU SIGNIFICADO
ES RED Y SE CREÓ PARA
.COM: PROVIENE DEL
DOMINIOS QUE SE
TÉRMINO “COMERCIAL”.
RELACIONARAN CON EL
INTERNET.

.ORG: PROVIENE DE LA
.EDU: NSTITUCIONES
PALABRA
EDUCATIVAS.
“ORGANIZACIÓN”.
Dominios Genéricos de
Nivel Superior o gTLD
(generic Top-Level Domain)
• Funcionan como una “categoría” de los
Dominios de Nivel Superior dentro del DNS.
Actualmente, hay 21 gTLDs dentro de la Zona
Raíz, aunque hay más de 1.500 gTLDs en uso,
incluyen cuatro subcategorías:
• Dominios Genéricos (.com, .net, .org, .info)
• Dominios Genéricos Restringidos (.pro, .biz,
.name)
• Dominios Patrocinados (.edu, .gov, .int, .mil,
.aero, .cat, .asia, .mobi, .coop, .travel, .tel,
.jobs)
 • Es la parte del nombre de dominio que está
directamente debajo del Dominio de Nivel
Superior (TLD). Por ejemplo, en
“bicicletasantonio.shop”, “bicicletasantonio”
de trata del SLD y “.shop” es el TLD.

Dominios de Segundo Nivel (SLD por sus siglas en

inglés)
 • Son dominios internacionalizados que
permiten tener una o dos variantes del
Dominios de Nivel dominio pero con caracteres especiales
Superior de o letras que no pertenecen al alfabeto
latino. Por ejemplo: https://martin. 中
Código de País 国 o https://martin.cn (este ccTLD
Internacionalizado sería de China). Los Dominios
s Internacionalizados pueden ser una
buena opción para las empresas
internacionales.
Subdominios
• Forman un subgrupo de los tipos de
dominios mencionados anteriormente los
subdominios se crean escribiendo palabras
o caracteres antes del nombre del dominio.
• Normalmente se parecen
así:https://subdominio.dominioprincipal.co
m
• Un subdominio ayuda categorizar el
contenido de un sitio web al darte acceso
directo a una sección o producto particular.
• Ejemplo:https://photos.google.com
Hospedaje Web
• Se refiere al lugar que ocupa un sitio web,
sistema, correo electrónico, archivos, en
Internet o más específicamente en un
servidor, que por lo general hospeda varias
aplicaciones o páginas web que provee a los
usuarios de Internet un sistema para poder
almacenar información, imágenes, vídeo, o
cualquier contenido accesible vía web.

• ***Es un espacio en un servidor que va a

estar activo 24/7 por un año donde se va a
guardar la información de tu sitio web. Se
puede definir como "un lugar para tu página
web o correos electrónicos"***
• Contenido
Una página web debe ser atractiva… Pero no solo a la
vista, sino también en el contenido.
• Tipografía
Es importante usar fuentes llamativas pero sencillas de
Elementos para el
leer.
• Imágenes
desarrollo del sitio web
Es importante que no estén pixeladas o desenfocadas,
ya que puede causar una mala imagen del sitio en
general.
• Animaciones y movimiento
Para generar una sensación de dinamismo es bueno
utilizar elementos animados. Pero atención: no abuses
de ellos solo un 20%, ya que pueden sobrecargar la
página.
• Botones e iconos
• Utilizar botones prácticos y representativos, así como
iconos grandes y vistosos aumenta la facilidad de
navegación en la página.
• Fondos claros y sencillos
• Los fondos claros o totalmente blancos facilitan la
visualización, pero también dan un aspecto despejado a
la página resaltando las imágenes.
• Enlaces a redes
• Es de gran ayuda para los usuarios colocar enlaces a
redes sociales con las cuales interactúan con facilidad.
Mantenimiento
del sitio web
 Mantenimiento del sitio web ¿Para qué?

• Un sitio web es igual que un automóvil, necesita cuidado, revisiones y tareas de

mantenimiento, y de esta forma, al igual que un automóvil, nos ofrecerá un mejor servicio
a nosotros y a nuestros clientes.
Mantenimiento
preventivo

• Incluye todos los cuidados encaminados a

prevenir posibles problemas en un sitio
web, adelantarse para que no sucedan.
 • Aplicar actualizaciones y • Aplicar actualizaciones y
parches de seguridad en parches de seguridad en el
servidores software del sitio web.
Con cierta regularidad se
descubren problemas de seguridad Además de los problemas del
en el software de los servidores servidor (por ejemplo el
Tareas de web. sistema operativo) pueden
mantenimiento • Actualizar versiones
descubrirse problemas de
preventivo: obsoletas
seguridad o rendimiento en el
software utilizado por el sitio
web.
En otras ocasiones las versiones de
software utilizadas finalizan su vida
(ya no tienen soporte técnico) y
deben ser sustituidas por nuevas
versiones.
Mantenimiento correctivo
• Es importante hacer una valoración del impacto que supone que un
sitio web deje de estar disponible antes de publicarlo, que permita
recibir una atención preferente y resolver la incidencia en un plazo
breve.
• Vigilar el rendimiento y tráfico de
un sitio web nos puede revelar la
necesidad de incrementar las
Vigilancia
capacidades del alojamiento web del
utilizado, o quizás un tráfico
excesivo pueda indicar un uso
rendimiento
inadecuado del sitio web y tráfico de
un sitio web
• Se trata de conocer información relevante sobre quién y cómo se utiliza
nuestro sitio web. Un sitio web debe estar en constante evolución, y las
decisiones que tomemos deberán estar basadas en datos fiables.

Analítica web
Construyendo el sitio web
con plantillas (CMS)
Los CMS te brindan una manera fácil y
flexible de crear sitios web y publicar
nuevo contenido.

Un Sistema de gestión de contenido (CMS)

es una aplicación que te permite publicar y
administrar contenido en la web de forma
intuitiva.

Ejemplo: imagina que tuvieras un editor

de texto (como Notepad o TextEdit) que te
permitiera publicar artículos directamente
en un sitio web de tu propiedad.
• En la actualidad la mayoría de las
mejores opciones de CMS te permiten
indexar tu contenido, realizar cambios
en él, formatearlo usando editores
visuales, y más.
• Es básicamente una solución integral
para crear sitios web y administrar tu
contenido. Dependiendo de qué CMS
utilices, también puedes obtener acceso
a características adicionales que puedes
instalar usando ‘plugins’ o
‘extensiones’.
 • WordPress: Mejor CMS para uso general. El
más usado del mundo.
• Joomla!: Mejor CMS en cuanto a flexibilidad
y publicaciones personalizadas.
• Drupal: El CMS con mayor potencia y
seguridad.

Ejemplo: • Typo3: El mejor CMS para la escalabilidad.

• Serendipity: Uno de los CMS más livianos.
• Dotclear: Uno de los CMS más fáciles de usar.
• ImpressPages: Un CMS excelente para blogs
con aspecto moderno.
• Chamilo: El mejor CMS para plataformas de
aprendizaje.
Caso real / Nelio Software, Antonio Villegas, ACTUALIZACIÓN (31 Julio 2015): Añadidas 2 marcas más, Danone y Florette.

Adobe Blogs
• Adobe Systems Incorporated es una empresa de software
estadounidense con sede en San José (California, EE.UU.). Destaca en
el mundo del software por sus programas de edición de páginas web,
vídeo e imagen digital hoy presentes en una integración conocida
como Adobe Creative Suite ahora recientemente renovado en Adobe
Creative Cloud. Utiliza WordPress para su blog.
BBC America
• La British Broadcasting
Corporation (BBC) es el
servicio público de radio,
televisión e internet del Reino
Unido. Para su filial
americana usa WordPress.
Blue – The Ford
Blog
• La Ford Motor Company, más
conocida simplemente como
Ford, es una empresa
multinacional estadounidense
fabricante de automóviles con
base en Dearborn (Míchigan,
Estados Unidos). Para su
comunidad Ford en Canadá
utilizan WordPress.
 • Planeación del sitio webhttps://netkobe.com/soporte/diseno-
de-tu-sitio-web/13-guia-de-planeacion-y-organizacion-de-su-
sitio-webHospedaje y
dominioshttps://es.wikipedia.org/wiki/Alojamiento_webhttps:
//mx.godaddy.com/blog/conoce-tipos-dominios-de-
internet/Elementos para el desarrollo del sitio

Referencias
webhttps://blog.virtualianet.com/diseno-web-los-8-
elementos-imprescindibles/Mantenimiento del sitio
webhttps://www.ttandem.com/blog/el-mantenimiento-y-
cuidado-de-tu-pagina-web/Construyendo el sitio web con
plantillas (CMS)https://www.hostinger.mx/tutoriales/mejores-
cms-para-crear-sitio-web/
• https://neliosoftware.com/es/blog/75-ejemplos-de-marcas-
organizaciones-que-usan-wordpress/amp/