Cómo hacer una página web desde cero y paso a paso |
El objetivo de esta guía es
adentrarte paso a pasoen el proceso de
hacer una página web desde cero, pero para ello y ya antes de meterme en la faena de explicar el proceso, me gustaría entrar en la máquina del tiempo para volver dieciseis años atrás, o sea en el año 1998 cuando comencé a programar mi primera página web, recuerdo que estaba programada en lo que más triunfaba en ese instante como eran los lenguajes (ASP, Flash y HTML básico), y
crear una página web requería semanas incluso mesesde trabajo hasta su finalización.
Esta anécdota la he usado para presentar esta guía por una sencilla razón, pues los lenguajes cambian constantemente e imaginaros si decidís hacer una página web con una herramienta específica, que poquitos meses después esta se abandona o bien se vuelve obsoleta, y con esto debemos efectuar una angustiosa migración a otra herramienta CMS.
Si estas pensando
hacer una página web paso a paso, igual consideras que la primera decisión o bien elección que debas tomar en la elección de la herramienta, o la elección del nombre del dominio, o la elección de alojamiento, pero lo cierto que no es así, y estas deberían decidirse en una fase posterior.
Un paso preciso para la toma de decisiones es realizar un completo briefing del proyecto que vamos a efectuar y que constaría de las siguientes partes:
-Diseño.Se realizaría un brief para que el diseñador tuviese suficientes datos y también información de la imagen y estilo que debe plasmar en su propuesta, sin este briefing el diseñador iría plenamente a ciegas y la calidad del trabajo o bien la propuesta bajaría mucho.
– Web.En esta área quizás se hallan las resoluciones más importantes que afectarán a la creación de la nueva página web y que consistirán en la elaboración de un documento con todos los requisitos y necesidades que debe cumplir la nueva página.
No elaborar este documento o elaborarlo sin la suficiente profundidad puede llevarnos a que vayamos descubriendo necesidades a medida que avanza el proyecto que pueden hacer que la herramienta escogida no sea la más idónea, y que muy probablemente nos “dará más de un dolor de cabeza”, pudiendo incluso llevarnos a tener una mala relación entre usuario y empresa.
Para facilitar la realización de este brief lo mejor es realizar una entrevista entre el usuario y el profesional que lo va a realizar a fin de que puede ir preguntando cada una de las cuestiones y de esto modo podamos apostillar y enriquecer la contestación del cliente.
Obtener cuanta más información sea posible en este primer paso es primordial.
Para la elección del dominio de nuestra página web tenemos dos opciones:
–
Fomentar la marca de nuestra Empresa
Por ejemplo Así conseguirás que tu nombre y marca adquiera gran popularidad en el ámbito, mas te costará más tiempo hacerte un hueco en los mejores resultados del buscador.
–
Orientar el nombre a la/s keyword/s más importantes
Por ejemplo, De este modo lograremos posicionar ya antes con nuestros 2 términos más relevantes, en un caso así con “turismo” y “Cádiz”, aunque Google nos ha dicho hasta la saciedad que ya no lo tiene en cuenta o no le da tanta importancia a la inclusión de términos en la raíz del dominio, la verdad es que aún sigue dando buenos resultados. Haz tu mismo la prueba y busca tu profesión en tu ciudad y analiza los resultados de búsqueda para poder ver cuantos tiene una o bien múltiples palabras clave en la URL.
En tu mano está escoger entre recibir más visitas o bien mejorar tu branding. ¿Cuál prefieres tú?
Una vez ya hemos escogido el nombre del dominio nos llega otra pregunta a la cabeza, ¿qué elijo un dominio .com o bien un .es?
Se trata de una duda frecuente cuando se tiene poca experiencia, pero no debemos caer en el fallo de elegirla en función de si suena mejor o por el hecho de que me agrada más como queda, la elección debe efectuarse en función de donde se halle nuestro objetivo objetivo, si está en España escogeremos .es, si en cambio deseamos darle un carácter internacional elegiremos el .com.
También te puede acontecer que el dominio .com no esté libre y debas escoger el .es, pero no debe preocuparte exageradamente esta decisión.
Yo te recomendaría siempre escoger un dominio lo más corto posible y siempre evitando usar caracteres del tipo guión medio, guión bajo, tildes y eñes, mas por qué, aquí te dejo ciertas razones:
1.- Afecta al posicionamiento en buscadores.Tanto la longitud de la URL del dominio, así como la utilización de caracteres que hagan que nuestra página no sea afable afectan al posicionamiento en buscadores.
En el caso de la longitud ocurre por el hecho de que Google entiende que lo más esencial en una URL está a la izquierda y lo menos esenciales está a la derecha, y si la longitud de la raíz es larguísima nos va a empujar la keyword principal de cada contenido que creemos con este dominio siempre y en todo momento a la derecha, y con esto le vamos a estar restando importancia.
2.- Será más difícil de recordar.Es “algo de cajón”, un dominio más corto es más fácil de rememorar por el lector y le será más fácil que te vuelva a visitar si no se ha guardado tu página web.
Lo ideal es que un dominio tenga siempre una longitud de dominio inferior a 20 caracteres
Yo te recomiendo que en la medida que te sea posible centralices la compra del dominio y hosting con exactamente la misma empresa.
Para la compra del dominio y hosting te voy a dar dos opciones, una en España y otra en USA, que conste que no soy afiliado de ninguna de estas empresas ni gano ni un euro por aconsejarlas en esta guía, las recomiendo sencillamente pues por mi experiencia son las más serias y que mejor resultado me han aportado a mis proyectos:
1.- Hostgator. Empresa americana donde tengo alojado el Weblog de Marketing and Web desde hace dos años, y los técnicos que en ella trabajan son de una enorme profesionalidad y sobre todo resolutivos ante cualquier inconveniente.
Pero probablemente cuando accedas a ella dirás qué alojamiento tengo que seleccionar, uno que sea bueno y no me cueste mucho dinero, pues no te preocupes porque te voy a guiar en el proceso depaso a paso. En la imagen verás que aconsejo 2 alojamiento web y la decisión la tomarás en función de si va alojar uno o bien más de un dominio.
Tendrás que decidir si el pago lo quieres efectuar cada mes o cada 6, doce, 24 o 36 meses, de esta forma el alojamiento web te ofrece una forma de pago muy flexible y asequible a cualquier bolsillo.
Recuerda que al ser un hosting americano no podrás registrar un dominio .es, solo podrás registrar un .com, .net, .info, .biz.
La única pega es que las incidencias o bien conversaciones que efectúes con los técnicos la tienes que hacer en inglés, entonces si no eres muy ducho con el inglés quizás no sea la opción más adecuada para crear una página web.
2.- Webempresa. Empresa de hosting española y de total confianza a fin de que podáis. Esta empresa aúna 3 características que considero muy importantes para un hosting; profesionalidad, seguridad y afabilidad. Destaco esta última por el hecho de que pocas empresas de hosting tienen profesionales que sean tan amables a asistirte en cualquier cambio o resolución de una incidencia.
Muchos de pupilos del actualque hoy en día doy han seguido mi recomendación en el curso y han optado por este hosting, así como también me ha comentado varios de ellos la enorme amabilidad de sus técnicos.
Podrás seleccionar pagar tu hosting cada seis, 12, 24 o 34 meses. El precio es algo superior al hosting de hostgator mas si tenemos en consideración que incluye el costo del alojamiento web dentro del precio podemos decir que los dos tienen costes muy afines.
Principalmente existen 3 herramientas o métodos para crear una página web paso a paso:
Esta es la forma preferida por aquellos usuarios que no tienen ningún tipo de conocimientos de hacer una página web y no disponen del dinero necesario para contratar a un profesional.
Es muy fácil de utilizar y en un rato te puedes crear una página web, pero tendrías que preguntarte si por el hecho de tener una web ya venderás o bien conseguir clientes o bien compras, la contestación es
claro que no.
Yo no soy para nada partidario de este tipo de elección porque para lo único que nos va a servir es para alardear que tenemos una página web.
Aunque parezca mentira, encontrándonos a fines de dos mil catorce y a las puertas de 2015, aún existen empresas y profesionales que tienen herramientas propias de creación de páginas web que la usan para la realización de sus proyectos.
¿Por qué creo que es una mala idea?
Bueno te podría decir muchas mas bueno solo te diré 4 d ellas que creo que despejarán tus dudas:
1.- Te estas anudando para toda la vida con un única empresa.Ya que si la herramienta es propia tendrás que tratar con esto, te gusta más o bien menos.
Estas relaciones forzosas suelen dar malísimos resultados y generan mal rollo
2.- Poca actualización o evolución de la herramienta.Esto semeja algo lógico, ya que no dispone la compañía de un enorme número de programadores que esté trabajando para mejorar la herramienta.
3.- Si deseas nueva funcionalidad paga la que cuesta.Algo que ocurre cuando crearemos una página web es que nuestro proyecto puede ir medrando y teniendo nuevas necesidades o bien requerimientos, que en este caso, lo más probable que la empresa tenga ya desarrollado el módulo que cumple lo que queremos mas deberemos abonar casi como si lo hubiesen hecho para nosotros.
4.- posicionamiento natural marca blanca que no son posibles cubrir.
Esta sería la opción más profesional y la que te invito a para
hacer una página web desde cero, y tendrás que elegir entre las 3 herramientas más usas en dos mil catorce que son; Wordpress, Drupal y Joomla!.
En función de las necesidades de mi proyecto te voy aconsejar siempre y cuando escojas la herramienta más sencilla de utilizar y que cumpla las necesidades de mi proyecto, y esta herramienta es WordPress.
Si tenemos unas necesidades más avanzadas y con integraciones de terceras aplicaciones, y que en este caso la herramienta
WordPresses limitadísima, entonces elegiremos
Drupal.
[clickToTweet tweet=»En el noventa y nueve por ciento de los proyectos #Wordpress es la mejor herramienta para hacer una página web desde cero» quote=»En el noventa y nueve por cien de los proyectos #Wordpress es la mejor herramienta para hacer una página web desde cero»]
En este artículo no entraré en la temática de las tiendas on line pero simplemente haré una rápida mención de dos recomendaciones;
Woocommerce con WordPresso
Prestashop.
Hoy en díaes súper asequible y muy recomendable, en lugar de partir de una plantilla básica y gratis. Comprar esta plantilla nos va a costar de 30 a cuarenta euros y de esta manera podremos acceder a una plantilla súper optimada, y que sin duda, posicionará en menos tiempo que una básica.
Yo os recomiendo que os vayáis al mayor bazar de plantilla de WordPress llamado, aunque podéis comprar plantillas en cualquier empresa profesional, la meta es buscar una plantilla que mejor se adapte a nuestras necesidades y que sea siempre un theme profesional.
Si no sabéis que plantilla podéis utilizar, os recomiendo que os fijéis en aquellos weblogs que más os gustan y averiguar la plantilla que usan, para poder hacerlo vamos a utilizar la herramienta en línea y gratuita. Tiene un límite diario de búsquedas mas la cantidad que permite es alta y es difícil llegar a ese límite.
Al igual que he mentado con los hosting, que conste no soy afiliado ni percibo ningún ingreso de Themeforest, aconsejo aquellos que estimo que son los mejores para crear una página web pasito a pasito y de manera muy sencilla:
Si estás totalmente persuadido y vas a crear un página web en Wordpress contratando tu propio dominio y hosting, lo primero que has de saber es que no se requieren conocimientos técnicos para su instalación y puesta en marcha, no te dejes engañar con costes de instalación ya que
instalar un WP se reduce a 2 clicks de ratón.
Para ello sólo debemos loguearnos en nuestro alojamiento web y buscar la sección para instalar WP y decidir en qué carpeta lo vamos a instalar, debemos llevar cuidado con esto porque lo normal es que lo instalemos en la raíz, si bien por defecto la instalación se realiza en una carpetita.
Existen tres lugares posibles donde crear una página web en WordPress:
Si tienes alguna duda acerca de la instalación déjame un comentario más abajo y te la resuelvo.
Existen tres formas de instalar un theme:
1.- A través del backend de WordPress, hacemos click en Apariencia > Temas y hacemos click en la pestaña instalar temas y después en subir, como se muestra en la imagen.
Para poder subir un plantilla debemos tener el tema comprimido en un zip, es decir, la carpetita de la plantilla debemos comprimirla en un zip y no en un rar. Una vez está instalada debemos volver nuevamente a Apariencia > Temas y activarla.
2.- A través de un ftp.Para ello debemos crear una cuenta ftp a través del hosting y configurarla con un cliente del servicio ftp gratis como. Una vez hallamos conectado con nuestro dominio, tendremos que situarnos en la carpeta de instalación que la encontraremos en wp-content/themes y ahí vamos a subir la carpeta descomprimida, solo es cuestión de arrastrar la carpetita y ya está. El proceso tardará unos quince o treinta minutos, por consiguiente es mucho más lento que la primera opción que prácticamente es inmediata.
3.- A través del ftp del propio hosting.En este caso lo que haremos será buscar la carpeta de instalación, o sea wp-contect/themes y ahí vamos a subir la plantilla en formato zip, el proceso solo le costará unos segundos, acto seguido vamos a hacer un clic sobre el archivo subido con el segundo botón de ratón y le vamos a dar a descomprimir o bien extraer. Para hacer este método hay que tener algunos conocimientos de usar una herramienta ftp y en mi opinión es el más profesional y recomendable, ¿por qué?, pues es muy sencillo, el método uno nos puede dar problemas si el tamaño del archivo es muy grande, y el método dos puede dejarse algún fichero realizando la copia, en especial si estamos frente a una plantilla con muchos ficheros. El único que no falla jamás llueva o haga sol, es el tercer método.
Un
error muy frecuente al crear un weblog en WordPresspor primera vez es meditar que ya está configurado por defecto y que ya nos podemos poner a redactar artículos como desquiciado, pero es un error monumental pues es un aspecto súper básico e esencial configurar adecuadamente nuestro WordPress.
¿Por dónde comenzamos?
Comenzaremos por el apartado de ajustes y también iremos viendo cada uno de ellos de sus apartados. Todos son fundamentales para hacer una página web bien optimada.
A.- diseñar una web .Aquí nos interesa decidir tres aspectos importantes; el título de nuestro blog, la url con o bien sin www y la fecha. Por defecto Wordpress instala la web sin www, a mi particularmente me agrada más con las 3 w, pero esto es sólo es una cuestión de aspecto visual en tanto que las dos opciones son igual de válidas.
B.- Escritura.En este apartado es interesante añadir algún servicio al que notificará Wordpress toda vez que se publique una nueva entrada.
C.- Lectura.Activa la opción de “Disuade a los motores de búsqueda de indexar este sitio”, puesto que no queremos que Google lo indexe hasta que tengamos completamente acabado el weblog y con un buen número de entradas para publicar.
D.- Comentarios.Por defecto la moderación de comentarios no está activada y es esencial que marquemos la casilla que aparece en la próxima imagen.
E.- Medios.En este apartado configuraremos los diferentes tamaños de las imágenes, si bien en muchos de los casos los valores por defecto nos pueden valer para comenzar con nuestro weblog. gestores google ads /p>
F.- Enlaces permanentes.En este apartado vamos a delimitar la estructura que tendrá las urls de nuestras entradas del blog. Se trata por consiguiente de un aspecto de vital importancia, ya que una mala construcción de la url puede ser un mal comienzo y un lastre pesado en el futuro si deseamos cambiarla.
En la imagen podéis ver como he tachado literalmente las 4 primeras opciones que nos ofrece WP, las opciones más aconsejables son “Nombre entrada” o “Estructura personalizada”, y en un caso así que muestra la imagen en ambos obtendrán el mismo resultado como url.
Cuando vas a hacer una página web desde cero tienes muchas dudas a la hora de elegir los plugins que utilizarás en tu página web, pero para facilitarte esta tarea puedes preguntar los siguientesen 2014:
Es el
plugin de wordpress más indispensable y básico para hacer una página web, así como también se podría decir que es un multi-complemento, ya que son muchos complementos en uno sólo.
Para configurar este complemento apropiadamente precisas dedicarle de 10 a 15 minutos para poder abarcar bien todos sus apartados y funcionalidades.
Este plugin te permitirá añadir una barra al pie de cada artículo con post relacionados, con la meta de
incrementar las visitas y prosperar el SEO.
Se trata de
plugin de Wordpress muy fácil de configurar y poner en marcha, sólo tienes que decidir el aspecto visual y el número de post relacionados que quieres mostrar.
Añadir links internos en tu Blog mejorará el posicionamiento web en buscadores de tus entradas así como también incrementará las visitas hasta en un 10 por ciento .
Se trata, sin duda, del
mejor complemento de WP para gestionar la cachede nuestro Weblog. Un
plugin imprescindible para cualquier Blog.
Se requieren conocimientos técnicos para poder extraer todo el potencial que este complemento de wordpress te permite.
Necesitarás de quince a 20 minutos para.
Muy buen complemento posicionamiento SEO para administrar la cachey mucho más fácil de configurar que su predececesor (W3 Total Cache).
No por ser el segundo plugin de cache más utilizado, quiere decir que no sea una fantástico plugin, en tanto que está presente en Weblogs muy importantes y de fama internacional.
Sólo necesitas 5 minutos para configurar el complemento WP Super Cache
Hace algo más de un año que utilizo esta barra que permite compartir en las Redes Sociales nuestros Post del Weblog, así que lo considero un plugin básico e imprescindible para cualquier Weblog en Wordpress.
Cuando pruebes el complemento Digg Digg estoy seguro que te encantará…
Este plugin de WP es similar a Digg Digg, salvo por 3 razones:
En mi caso, combino el uso de los plugins de WP Digg Digg y Flare.
Este plugin es una de mis últimas inclusiones en el Blog, y que me está sorprendiendo agradablemente con los resultados que me está dando.tiene primordialmente los próximos objetivos:
Incrementa los subscritores diarios de tu Blog
Se trata del plugin de WordPress más popular para hacer formularios de contacto, en tanto que no se necesitan conocimientos técnicos para incluir uno o varios formularios en nuestro Weblog.
Una forma muy sencilla de bloquear el spam de comentarios de nuestro Blog. Utiliza un método de campos ocultos utilizando CSS con el propósito de
engañar a todos y cada uno de los «robots» spam que tanto atacan a los Weblogs en WordPress.
Este complemento de Wordpress es una de mis últimas incorporaciones ya que podremos destacar una oración dentro de un artículo a fin de que se pueda compartir en Twitter.
Principalmente me agrada el complemento Click to Tweet porque:
Si acabas de hacer una página web punto por punto, lo primero darte la enhorabuenay lo segundo me gustaría darte ciertos consejos que considero que te serán muy útiles:
1.- Crea un Weblog para dar mayor visibilidad a tu página web profesional o personal.
Si has elegido WP tienes que saber que tienes un blog sin darte cuenta pero tendrás que configurar ese Blog, crear categorías y comenzar a publicar contenidos.
2.- Crea una cuenta de Google plus Webmaster
Una vez ya hemos creado nuestro blog y queremos presentarlo en sociedad, antes de empezar a mostrarlo a conocidos o bien amigos debemos presentarlo al señor Google+. Para esto nos vamos a crear una cuenta dey definiremos si la meta de nuestro weblog es un público nacional o no, así como también añadiremos nuestro sitemap a fin de que Google plus indexe ya antes nuestros contenidos.
¿Si no creo la cuenta de Administrador web, Google+ no indexará mi contenido?
Siempre que se lo permitamos desde la configuración propia de nuestra web, Google plus lo indexa prácticamente todo, pero dista mucho el tiempo que tarda en hacerlo cuando no le informamos de donde debe leer nuestro mapa de sitio web.
Debemos verificar que somos dueño del sitio web antes de comenzar a trabajar con él, para ello vamos a subir un archivo a la raíz y vamos a hacer click en contrastar.
3.- Crea una cuenta de Google+ Analytics
Crear una cuenta denos ayudará a medir los resultados que está obteniendo nuestro blog.
También es interesante pues nos ayudará a la hora de ver cuáles son los.
4.-
Integra tu página web con las redes sociales
Si vas a crear un weblog e indispensable la integración con las redes sociales no se trata de poner los enlaces a los diferentes cuentas de redes sociales del blog o bien del autor, ni muchísimo menos, la meta de integrar es que añadamos cajetines en nuestro blog con los últimos tuits de Twitter o bien los últimos post Fb o Google+, para que así un lector de nuestro weblog puede acceder a los contenidos que estamos publicando en cualquier de nuestros perfiles de redes sociales.
Las redes sociales son una ventana fantástica para crear y fidelizar una comunidad de usuarios, y un elemento que debemos utilizar si o si, si queremos que nuestros contenidos alcancen cierta viralidad. Las, por lo que si nos ayudan a mejorar nuestra visibilidad en Google+ esto permitirá percibir un mayor número de visitas.
No sólo te limites a crear los perfiles de redes sociales y a empezar publicar tweets y artículo, puesto que lo ideal es que efectuemos una.
Tienes que saber que por el hecho de hacer una página web no desea decir que ta vayan a llover los clientes del servicio y las ventas, porque no es así, con lo que te recomiendo 3 guías con estrategias de marketing y social media que te serán muy útiles.
Espero que te haya agradado mi guía nº8 y sobretodo que te ayude mucho en el momento de hacer una página web desde cero, siempre con las menores dificultades posibles, ya que considero que para crear una web punto por punto no se precisan conocimientos técnicos ni de programación.
Muchas graciaspor ceder los derechos para usar esta imagen en el Blog.
Si te gustado el post, puedes compartirlo con un amigo/a.
Êîììåíòèðîâàòü | « Ïðåä. çàïèñü — Ê äíåâíèêó — Ñëåä. çàïèñü » | Ñòðàíèöû: [1] [Íîâûå] |