SuperEli

Como crear una web - paso 5 - Rentabilizar tu web

noreply@blogger.com (SuperEli) — Sun, 18 Oct 2009 03:00:01 PDT

Probablemente lo que estabais todos esperando...

5.: rentabilizando tu idea.

Hay diversos modos de sacarle dinero a tu web, depende del contenido de la misma. Una web creada para poder vender tus productos no es igual que una web informativa o una página de juegos flash.

Veamos los modos:

- Venta de productos. si tu página es una tienda virtual de, por ejemplo, tus obras de joyería, tu principal fuente de ingresos debería basarse en la venta de estas, para ello necesitaras un carrito de la compra y un buen escaparate con imágenes y toda la info que pueda ser relevante para tus posibles compradores. (un consejo si tu caso es parecido a este: ayuda al usuario a encontrar exactamente el producto que busca: tipo de joya: pulsera, material: plata, estilo: juvenil, precio: mostrar en ascendente etc. no le dejes vagar mucho por tu página o se cansará de buscar y pensará que no tienes lo que busca.)

Trabaja mucho en este caso el aspecto profesional de tu web, las posibilidades de que alguien dé su tarjeta de crédito a una página que parece hecha por un aficionado se reducen considerablemente. Deben confiar plenamente en la web y en ti para arriesgarse. Amen de que la web debe ser segura, para que todos los datos que los clientes te den en el formulario de compra no salgan de tu base de datos bajo ningún concepto.

El diseño, más sencillo y transparente que nunca, los botones, las secciones, y los productos deben verse fácilmente.

Existen varias soluciones de comercio disponibles en el mercado, en los mismos hostings suele haber alguna aplicación e-commerce autoinstalable, pero en cualquier caso, por dar nombres, son bastante famosillas: One-to-one de broadvision, y commerce server de microsoft, a parte de los CMS q mencione anteriormente. Estudiar estas opciones y las que queráis antes de decidiros por una aplicación.

En cuanto a los datos de la propia tarjeta de crédito no los vas a ver, todo buen carrito de la compra acaba enlazando a una página del propio banco, al cual le enviás mediante el formulario los datos que necesite del cliente y el banco se encarga de hacer el cobro o de denegar la operación en caso de que la tarjeta este cancelada o no tenga fondos.

No está de más en este caso abrirse una cuenta en ebay y tratar de vender tus productos por ahí también, su sistema de puntuación de vendedores y compradores puede beneficiarte.

Cabe hablar aquí del sistema de Afiliación basado en ofrecer a terceros una comisión por los productos que te vendan o por las visitas que te manden que finalmente acaben con una venta. Muchas empresas de afiliación de las que mencione antes (tradedoubler, netfilia...) ofrecen esta opción. Esto hará que otras webs te ayuden en el duro proceso de encontrar clientes.

También cabe destacar el servicio que ofrece Paypal. Una forma cómoda, rápida y cada vez más extendida de pagar y hacer cobros por Internet. De momento no conviene usarla más que como un complemento o una forma más de pago, a parte de la tradicional.

- Publicidad. Hay diversos tipos de cobro por publicidad:

* CPM: (coste por mil) coste por mil impresiones - Cada 1000 veces que se vea el banner en cuestión en tu web te pagan. suele ser 30€, o lo ha sido así al menos, durante años.

* CPC: (coste por clic) te pagan por cada clic que se haga en el banner que expones.

* CPA: (coste por acción) te pagan según la acción acordada si tu usuario cliquea y se registra, o cliquea y solicita información...
* CPV: (coste por venta) te pagan una comisión si tu usuario cliquea y compra en la web del anunciante.

Y las empresas serían también las arriba mencionadas, a las que habría que añadir Google adsense, que es la otra cara de la moneda de Google adwords (adwords para publicitantes y adsense para publicitadores) es la más conocida y con más difusión. La gente confía en google y por lo tanto confía en su publicidad, con lo que cliquearan con mas tranquilidad y te darán más ingresos. Tiene muchas opciones a la hora de registrarte, puedes elegir el aspecto gráfico de tu publicidad, es en general publicidad con textos y contextual con lo que no distorsiona mucho tu web, y si encima le puedes configurar el color de fondo y textos, la forma del banner y hasta que publicidad en concreto quieres mostrar y cual no, qué empresas en concreto no te interesa anunciar en tu web etc... muchas de las demás empresas hoy en día ya ofrecen servicios de publicidad con enlaces de texto configurables, pero igualmente google tiene mas difusión y da más confianza. OJO, no cliquees en tus banners!! no se como pero se enteran y te suspenden el servicio sin miramientos (si, hablo en propia experiencia :S)

En cualquier caso, elijas la empresa que elijas siempre tendrás un montón de opciones para ayudarte a sacar el máximo provecho de tus banners.

Es típico caer en una serie de fallos al principio de tener una web y querer sacarle dinero con publicidad, aquí van unos consejos:

* No te dejes dominar por la bannermania! no te olvides de el motivo real de tu página y la invadas de banners pensando que cuanto más tengas más posibilidades hay de que los visitantes cliqueen, uno o dos están bien, 3 si la página es suficientemente grande, están integrados y no molestan, pero ten en cuenta que si los visitantes entran en tu página y se encuentran que esta casi más llena de publicidad que del contenido que buscaban saldrán escopetados. El principal gancho de tu página es tu contenido, no le restes importancia. Ademas cuanta más publicidad pongas menos efecto tiene cada banner, y menos importancia le das a tu propio contenido. A los anunciantes tampoco les gusta ver sus banners rodeados de otros banners en páginas que parecen tener más temática que la de la propia publicidad. si tienes intención de vender personalmente tu espacio a las empresas relacionadas, pasando de agencias de publicidad, les llamará más la atención ver que su banner irá a un sitio destacado pero casi exclusivo, sin mucha más publicidad alrededor. Así que moderación!

* Procura que tus banners estén integrados en temática y aspecto. Que no afecten al aspecto de tu web. que puedan realmente interesarle a tu visitante y que no le quiten la atención de tu contenido. Huye de esos banners agresivos que tienen sonidos, huye de los que tengan publicidad engañosa o puedan confundir a tu usuario, tipo "Tienes un mensaje nuevo, clic aquí para verlo", "eres el visitante 1.000.000!!" o cosas por el estilo. HUYE de los layers que se sobreponen a tu página y tienes que andar cerrando, huye de los pop-up... puede parecer que esos banners tienen más posibilidad de ingresos por que el usuario los ve mejor, pero lejos de eso sólo repercuten negativamente en la confianza que da tu propia web. Por otro lado ojo con la integración excesiva, destaca la publicidad claramente como publicidad y no como parte de tu propio contenido, si no el usuario pensará que estas tratando de engañarle.

* Analiza las campañas con las que trabajas frecuentemente, en la mayoría de las empresas de publicidad tienes un panel de control para poder gestionarlas, estudia los ingresos que te reportan cada una, rechaza las que no te reporten lo suficiente, prueba a cambiar tus banners de sitio o de aspecto si crees que no funcionan bien, y estudia los resultados. los mejores sitios para una publicidad integrada son el header, siempre que no se entrometa mucho en tu propio cabecero; entremedias del contenido siempre que no se confunda con el propio contenido, banners pequeños y bien identificados como publicidad, y no muchos!, y en la barra de la derecha, debajo de tus propios enlaces o secciones. aunque depende de cada página puede variar. Hay herramientas de análisis para saber cuales son las zonas calientes de tu página. Prueba!

* Si quieres vender tu espacio para publicidad personal procura mantener tus tarifas altas, es más fácil bajarlas al negociar, que subirlas más adelante. Si tu página incrementa mucho sus visitantes (únicos) aprovecha para subirlas.

* no cliquees en tu propios banners si tienes adsense (¿Lo había mencionado antes?)

* si tu web es pequeña todavía no te molestes en solicitar adsense, revisan las peticiones a mano, y si te dicen que no puedes porque tu página no es suficientemente importante les cuesta volver a revisarla en el futuro. Amen de que si revisando tu web ven una técnica de posicionamiento no permitida, o que tu página se enfoca demasiado a la publicidad y no tiene contenido suficiente por si misma o algo que no les guste, difícilmente les harás cambiar de idea en el futuro.

- Servicios Premium

Es el modelo de negocio que se basa en cobrar por tus servicios, existe una variante que es más efectiva: servicios Freemium que es cuando ofreces parte de tus servicios de forma gratuita, a modo de prueba o funcionales aunque sin todas las opciones y ofreces a la vez esos mismos servicios, y algunos más si cabe, con todas las opciones, o con ventajas de otro tipo. Hoy en día está muy extendido.

- Donativos

No esta muy extendido pero dicen que funciona... paypal tiene aplicaciones para integrar en tu web a través de las cuales los visitantes, si quieren, pueden hacerte un donativo económico.

También existen plugins para CMS como wordpress

Lo bueno de estas aplicaciones, a parte de que son fáciles de instalar, es que para el visitante que tenga paypal le es superrapido hacer el donativo, con lo que si le gusta el contenido de la web no tiene que hacer ningún esfuerzo en ayudar económicamente. Eso si, le tiene que gustar el contenido para invitar a "una cervecita" al autor.

Lo ideal en cualquier caso es no basar tus ingresos sólo en un modelo de los descritos, se puede por ejemplo usar el servicio freemium, y para los visitantes que no hayan contratado los servicios de pago poner publicidad; se puede poner banners y la aplicación de donativos. puedes tener productos a la venta y servicios gratuitos a modo prueba que lleven publicidad...

pero sobre todo, no perdamos los papeles con ganar dinero con la web y olvidemos el sentido de la misma. El contenido debe ser siempre nuestro primer objetivo, no lo devaluéis, no molestéis al visitante con publicidad ni tratéis de engañarle o no volverá, y eso no nos lo podemos permitir. Tiene que gustarles nuestra web, tiene que confiar en nosotros, y tiene que encontrar lo que buscaba de un modo rápido.

Como crear una web - paso 4 - Posicionamiento y mantenimiento

noreply@blogger.com (SuperEli) — Sat, 17 Oct 2009 03:00:01 PDT

La parte entretenida hoy.

4.: Posicionamiento y mantenimiento:

o el arte de aparecer el primero en google.

Lo de posicionarse en los buscadores es una ingeniería en si mismo, depende de muchos factores:

- En la propia página:

* Uso de metatags y palabras clave. Lo primero esta en el head de la pagina, es la parte de la página que el usuario no ve pero los motores de búsqueda sí, es el sitio donde debemos poner autor, título, fecha, palabras clave, descripción, etc.

para posicionar las más importantes son título, que es además lo que aparece en la barra del navegador. Preferiblemente no mayor de 35 caracteres; las palabras clave, que son las palabras por las que principalmente te gustaría que te encontraran los buscadores (no te excedas, lo ideal seria menos de 10); la frecuencia de actualización, o cada cuanto tiene que pasarse el robot de google a ver tu página en busca de cambios; y la descripción.

Cada sección dentro de tu web es una carta de presentación, dales los metatags y el titulo que se merece cada una por separado.

* el contenido de la pagina, esto lo ven tanto robots como visitantes, procura, sin que cante demasiado mencionar con frecuencia (moderada, no conviene abusar, lo ideal entre el 3% y el 6%) tus palabras claves en el contenido de tu página. Para eso también es bueno el uso de un blog, cada vez que postées una noticia relacionada con tu tema, el robot verá que hablas mucho de tu campo por la frecuencia de las palabras relacionadas que haces. a google le encantan los blogs. ojo, si la página es muy grande no la leerá entera, solo la primera parte. lo ideal es que los archivos html no sobrepasaran los 70k. usa paginadores, diversifica por secciones.

* Aprovechate también de etiquetas como H1, h2... para dar más importancia a las palabras importantes, títulos etc, pero con cabeza. No descuides las imágenes, ponles un texto alt descriptivo a todas!

* Haz tu web lo más accesible posible: limitar contenido en flash, frames, javascript, el robot de google no puede acceder a estos elementos, con lo que no sabrá que hay dentro, en estos casos es recomendable hacer una versión de la web sin esos elementos.

* ojo al código, revisa tu html y tu CSS, que esté todo perfecto, las etiquetas cerradas, que no haya código innecesario, evita las tablas, usa divs.

* separa los códigos CSS, js, php etc del propio html. ponlos en archivos aparte y enlázalos desde el html, cuanto menos código tenga que leer el robot en tu html antes de llegar a tu contenido real, mejor.

* Organiza bien los enlaces de la propia página, usa el Sitemap de Google y actualízalo frecuentemente, y no está mal que crees uno propio tu mismo para los visitantes.

* Pon title en cada enlace y dentro de title una descripción del enlace, procura usar palabras clave ahí también. Dicen que además es importante las palabras de alrededor del enlace, pon palabras clave cerca. Esto de hecho va para enlaces externos e internos.

* Usa la etiqueta nofollow para aquellos enlaces que no quieres que vea google (ejemplo: página de registro, no tiene sentido porque google, en cualquier caso, no sabe rellenar formularios) así conseguirás dar más importancia a las secciones que más te interesan.

* Utiliza Urls amigables, esto es: mejor supereli.com/blog que supereli.com/seccionador?id=blog y si en la url va una frase usa - (no _) entre cada palabra, google entiende que el guion medio es el espacio entre palabras.

* Actualiza con frecuencia, le encanta a google, considerará tu página una fuente de información actualizada

* Usa un medidor de estadísticas, tal y como Google Analitycs o cualquier otro (en el propio hosting suelen tener varios autoinstalables), para analizar que secciones tienen más éxito, que palabras clave funcionan mejor, que enlaces os dan más visitantes. y ayudaros de el para corregir los fallos y mejorar.

* Incorpora a tu blog algún sistema de pings-estándares, esto te ayudará a difundir tu contenido nada más ser escrito.

* Distribuye la relevancia (PR) de tu sitio entre todas sus páginas. Esto no sólo se consigue a través de enlaces a las páginas internas. Las nubes de tags, un buscador interno, las etiquetas o los artículos recientes o destacados en el blogroll son una buena forma de hacerlo.

* Provoca la interactividad en tu web, pregunta a tus usuarios para que comenten, voten, y contéstales... los comentarios también cuentan como contenido para google..

- Por enlaces externos:

* Directorios, date de alta en directorios como Dmoz o Yahoo, no es que google los tenga en cuenta mucho, pero ayuda en cualquier caso para dar la página a conocer tanto a robots como personas.

* Otras webs relacionadas, compatibles o incluso competencia, pero a ser posible relacionadas en cualquier caso, tu propones el intercambio de enlaces (o te lo proponen), y si ambas partes estáis de acuerdo en cada página aparecerá un enlace a la otra. Hay quien tiene una página especial dedicada sólo a enlaces a otras webs, y/o una sección de enlaces en la misma página principal, hay quien intercambia enlaces de texto y/o banners de pequeño tamaño, hay quien propone un intercambio de enlaces relacionados en los blogs (yo hablo de ti y tu de mi) esto último transfiere menor pagerank pero es mejor para posicionamiento porque se considera más natural... hay webs de más calidad que otras, para ver la relevancia de una web se suele usar el medidor del pagerank o el de alexa. Nos interesan más los enlaces de páginas con buena posición que los de menos, de hecho más vale un enlace de una página importante que 30 de malas. Evita la venta de enlaces, a google no le gustaría. Evita enlaces a o desde páginas no relacionadas, sobretodo casinos, sexo o contenidos ilegales.

* En los enlaces que te apunten procura que aparezcan tus palabras clave, es casi más útil eso que si el texto del enlace es tu propio titulo. Yo prefiero que pongan en un enlace a mi ápagina Diseño web que SuperEli. Pero no uses siempre el mismo, y no hagas que todos los enlaces apunten siempre a la home, procura enlazar desde fuera también a enlaces más profundos.

* Registrarte en foros relacionados con la materia y participa en ellos, Ojo, aportad al foro, no solo entréis a poner vuestro enlace; participad y usad vuestro enlace de firma si esta permitido, o hacer referencia a vuestra página sólo si viene al caso o creéis que puede aportar a la conversación. De otro modo se consideraría SPAM, y no os ayudaría nada.

* Comunidades como facebook, hi5, tuenti... son un buen sitio para publicitar vuestra pagina, entre vuestros contactos, haciendo grupos, o incluso aplicaciones...

* Crea contenidos de calidad, relevantes, interesantes y originales (nunca duplicados) para los visitantes. Si algún blogero encuentra en tu página contenido de calidad probablemente lo comente en su blog y te dará visitas e importancia. Si tu contenido es muy interesante sera referenciado en bastantes webs y eso hará tu web más famosa tanto para google como para los internautas. Por eso es bueno también el blog, para crear contenido... es publicidad gratis y enlaces! Así mismo si quieres hablar de otras webs o cualquier cosa que encuentres importante en Internet no te cortes a la hora de poner enlaces a tus fuentes. Internet se mueve así: por enlaces, cuanto más cites a otros más te citaran a ti... ponlo fácil añade un cuadro de enlazame, botones para compartir tu artículo en distintos sitios (social bookmarking)

* Date de alta no sólo en google, si no en otros buscadores como Yahoo, aquí es mas fácil posicionarse. hay servicios también de inclusión en buscadores tanto gratis como de pago. Yo prefiero el método manual o gratuito, una vez que google sepa que existes es una cuestión de tiempo. Ojo las empresas de posicionamiento que te ofrecen garantías muy rápidas, ya os digo que tratan de engañaros porque en el posicionamiento no hay fechas garantizadas.

* Vigila de donde vienen geográficamente tus enlaces entrantes, si tienes muchos desde, por ejemplo, Argentina, tu página ganará importancia en Google.com.ar, y puede que eso te interese, o puede que no...

* Céntrate en tratar de posicionarte con palabras que sean más fáciles al principio, cosas concretas que te diferencien de las páginas de la competencia más importantes, olvidate de momento de llegar al primer puesto en búsquedas como coches, viajes, venta de pisos... las páginas que están ahí tienen un trabajo de posicionamiento de años, la competencia esta casi imposible, céntrate mejor en coches Alcorcón, excursiones de montaña Cáceres, pisitos baratos... las palabras clave Longtail, osea de dos o más palabras en realidad son más fáciles de posicionar, aunque se busquen menos en los buscadores. Usa también títulos como ¿como hacer...? ¿que es...? que son frases muy buscadas. Se original sin dejar de ser fiel a tu contenido.

- Publicidad de pago

Hoy en día la publicidad en Internet esta superando a la publicidad en otros medios, incluso a la televisión por la multitud de opciones que ofrece a anunciantes y anunciadores. Como anunciantes puedes elegir dónde mostrar en concreto tu web, puedes incluso sólo mostrar tu publicidad a determinado perfil social (mujeres solteras, aficionados a la vela, empresas de recursos humanos, gente interesada en alquilar un piso en Barcelona... ) puedes ofrecer varias campañas en una, y ofrecer un banner distinto dependiendo del perfil del visitante de la web donde esta tu publicidad. (chica busca chico o chico busca a chica)... las opciones son infinitas, y van creciendo según crece Internet, y lo mejor es que se puede configurar una campaña en un momento!

Hay varias empresas que se dedican a publicidad, la más relevante, como no, Google adwords. la técnica ahí es también una ingeniería. Tu decides tus palabras claves, que dependiendo de cuales sean serán más caras o más baratas, nuevamente olvídate de coches, viajes y palabras genéricas tan típicas si no te quieres arruinar mucho. Aquí depende de lo que pagues por tu palabra aparecerás mejor posicionado en las búsquedas de google, así como en las webs que tengan contratado Adsense.

Lo bueno es que tu publicidad siempre saldrá en páginas o búsquedas de temática relacionada, lo que se llama publicidad contextual, y por lo general los cuadros de publicidad están integrados en el diseño de las webs donde se exponen, con lo que el porcentaje de visitas que recibirás será mayor, los visitantes están ya interesados en tu tema. Pagas por visita recibida y tienes muy buenos sistemas de medición y optimización de tu publicidad, con lo que debes probar y probar, cuales son las palabras clave que mejor te funcionan...

Otras empresas están usando sistemas parecidos de publicidad contextual, aunque de lejos adwords es la que más difusión tiene.

También existen empresas que lo que promueven son banners gráficos. No es mala idea pero procura que tus banners no tengan cosas de las que irritan tanto como música o sonidos cuando pasas el ratón por encima, colores istriónicos o mensajes engañosos del tipo "Enhorabuena! eres el visitante 3.548!! no es broma!"

En cualquier caso procura tener más o menos control de dónde y como se muestra tu publicidad. No te viene bien que tu banner se vea en ciertas páginas muy cutres con pocas visitas o de un público que no es el que tu buscas o de temática muy diferente a la tuya.

Ni el mejor sistema de pago te debe hacer olvidar los sistemás de posicionamiento explicados arriba. Esto solo es una ayuda, tu página debe cumplir con lo anterior en cualquier caso. Quizás cuando sea más popular puedas ahorrarte en publicidad porque la publicidad boca a boca sea suficiente (o quizá puedas invertir más por que tienes más ingresos) pero en cualquier caso sigue los consejos de posicionamiento, tanto los relativos a tu propia página como por enlaces externos.

enlaces:

- Adwords

- Consejos Adwords

- tradedoubler

- netfilia

- Zanox

...

- Otros consejos:

* búscate en google con tus palabras clave de vez en cuando para ver cómo mejora tu posicionamiento

* Ojo con las técnicas prohibidas de google (http://promoblog.org/2009/02/las-penalizaciones-de-google.html) si te pillan haciéndolas te sancionan.

* Utiliza herramientas de optimización SEO hay muchas aplicaciones.

* Prueba y comprueba, el SEO es algo que cambia constantemente, todos somos autodidactas así que estate al día de lo que dicen los expertos en esto, sigue sus pasos e investiga, y sobre todo échale paciencia, las cosas en este campo no ocurren de un día para otro, ve probando y mejorando hasta conseguir tus resultados.

* Si vas a cambiar de dominio hazlo bajo la redirección 301

* Fideliza al usuario crea un sistema de registro, y ofrece a cada usuario lo que le interesa destacado según sus preferencias, varios idiomas, crea un boletín de noticias o varios según sus gustos, crea un enlace de recomendar a un amigo, pon un botón bien grande para añadir tu blog a su lector de feeds, crea ofertas especiales para los usuarios más activos, algún regalo o algún sorteo de vez en cuando... usa tu imaginación, pero que vuelvan! piensa en ellos que son el motor de tu éxito!

* Ofrece a otras webs contenido, por ejemplo: una aplicación para ver el horóscopo o la programación de la tele, o lo que sea que este relacionado con tu tema, ofrécete para postear en otros sitios algo de tu conocimiento.. (por ejemplo, yo, visto el estrujamiento de cerebro que estoy haciendo con esto voy a publicarlo como un cursillo en mailxmail.com) ofrece los productos que vendes en otras páginas como ebay.com, publica fotos hechas por ti de cosas relacionadas con tu tema en flickr, haz videos de tu tema, y súbelo a youtube ...

* Habla de tu web con todo aquel que tenga orejas, y díselo por escrito al que no las tenga.

Fuentes de Conocimiento SEO:

- 101 Consejos SEO

- ChicaSEO

- Trucos Google Analitycs

- Ojo Buscador

- Más

...

Como crear una web - paso 3 - Puesta en marcha

noreply@blogger.com (SuperEli) — Fri, 16 Oct 2009 03:00:02 PDT

Hoy vamos con lo más interesante...

3.: Puesta en marcha de la web.

Una vez contratado el hosting y el dominio y con nuestra página muy bien pensada es hora de ponerse manos a la obra.

En cualquier caso un consejo antes de nada: Ojo en cualquier caso a la accesibilidad y usabilidad de vuestra web, tened en cuenta vuestro público objetivo, no es lo mismo crear una web para niños, que una web para empresarios, no solo en estética, es conveniente hacer una versión, si veis que tenéis un contenido que le pueda interesar a ciegos, que usan navegadores de texto; o que se sepa adaptar a problemas visuales tales como el daltonismo, que se pueda ampliar el tamaño de la letra... darle un repaso a las pautas del w3c y usad sus validadores. Pensad tanto en la confianza que pueda dar vuestra web como en la Experiencia de Uso.

Aquí hay un listado de enlaces muy interesantes relacionados con accesibilidad y usabilidad

Existen varios métodos para este punto:

- A mano: Aprender HTML, que no es difícil, te dará la libertad no solo de crearla a tu gusto si no de poder modificar cualquier cosilla sin depender de nadie. Cabe añadir CSS, que es el lenguaje de maquetación estándar. Si en HTML podemos decir que la página tiene 4 secciones: el encabezado, menú principal, contenido en cuestión, y pie de pagina, con CSS le decimos que el cabecero esta arriba tiene 900px de ancho y una imagen de fondo, el menú está a la derecha y las letras son verdes y demás...

Hay manuales a mansalva por Internet de html y CSS, hay códigos hechos que nos pueden ayudar, herramientas que nos lo pueden poner más fácil como el firebug de mozilla, editores específicos que nos ayudaran con el código como por ejemplo el dreamweaver... y comunidades de webmasters dispuestos a ayudarnos en cualquier caso.

También es conveniente saber algo de edición de imágenes, para crear tus elementos gráficos más personales como el header etc, aunque para botones y demás Internet esta plegado de páginas que ofrecen gráficos gratuitos para usar en tu web.

Aquí van unos enlacillos por ejemplo: tutorial

HTML:

http://www.uv.es/jac/guia/ tutorial

http://www.webestilo.com/html/ tutorial

...

CSS:

http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/ tutorial

http://www.w3.org/Style/Examples/011/firstcss.es.html

http://www.librosweb.es/css/

...

(Un buen comienzo con CSS es formatear los estilos de entrada para evitar líos con los navegadores, hay varios códigos de formateo para CSS, uno es este:

http://www.kabytes.com/diseno/el-mejor-css-para-formatear-los-estilos-por-defecto/ plantas el código al principio de tu CSS y añades tus estilos debajo.)

Dreamweaver

http://www.programatium.com/dreamweaver.htm

http://www.todo-dreamweaver.com/

...

Photoshop

http://www.webtaller.com/manual-photoshop/indice_manual_photoshop.php

http://www.desarrolloweb.com/manuales/manual-photoshop.html

http://psd.tutsplus.com/ EN

….

Flash

http://flash.tutsplus.com/ EN

...

JQuery

http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/ EN

...

Desarrollo de webs, tutoriales y recursos

http://net.tutsplus.com/ EN

http://www.webappers.com/ EN

http://www.smashingmagazine.com/ EN

http://www.webmasterlibre.com/

http://sentidoweb.com/

http://www.hotscripts.com/ EN

http://www.crestock.com/blog/design/the-50-most-popular-web-design-blog-posts-resources-cheat-sheets-of-2007-114.aspx Una recopilación bastante extensa de recursos de todo lo necesario

...

Recursos gráficos

http://dezignus.com/ EN

http://commons.wikimedia.org/wiki/Crystal_Clear EN

http://sixrevisions.com/resources/40-beautiful-free-icon-sets/ EN

http://www.criteriondg.info/wordpress/tag/iconos/

http://www.dafont.com/ fuentes EN

...

Herramientas

https://addons.mozilla.org/es-ES/firefox/addon/1843 complemento para firefox utilísimo para chequear tu web al detalle

https://addons.mozilla.org/es-ES/firefox/addon/60 Otro complemento muy útil, con muchas opciones

http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en para iexplorer, no tan potente como firebug, pero ayuda con explorer.

...

Optimización web

sitereportcard.com Análisis de tu web

...

y por supuesto en este mismo blog se pueden encontrar un montón de recursos que he considerado interesantes hasta la fecha ;)

Hay también CMS, que son Sistemas de Gestión de Contenidos. sirven para crear fácilmente todo tipo de webs: portales (drupal, joomla...), blogs Wordpress, movableType...), foros (vBulletin, SMF, phpBB, MKportal...), e-commerce( osCommerce, ZenCart,VirtueMart para Joomla! o Mambo; Magento, DashCommerce, CubeCart, X-Cart,LiteCommerce, Shopify ...), wikis (CMSwiki...), galerías (4images, Gallery , Coppermine , ZoomGallery, MG2... ) y de más (radioblog para poner un reproductor de música, moodle y Atutor para webs de e-learning, phpLinks para manejar enlaces, Docman sistema de descargas... )

Hay millones, algunas de pago otras gratis o Open Source, cada CMS tiene sus pros y sus contras para lo que necesitéis, os recomiendo leer muy bien la documentación, leer reviews de otros webmasters que lo hayan utilizado y ver webs hechas con esos CMS antes de decantaros por uno.

En cualquier caso elegir un CMS es una buena opción porque aparte de ahorrarnos mucho tiempo suelen tener comunidades de webmasters detrás creando plugins, plantillas, scripts y otras utilidades para cada CMS. Que tenga una buena comunidad es algo importante que os debéis fijar para elegir uno.

hay millones de recursos online más: plugins de ajax, php, editores de todo tipo... los que he expuesto aquí son sólo una pequeña recopilación para empezar, pero con navegar un poco podéis encontrar cosas muy chulas y muy interesantes...

Cabe añadir algunos consejos mas:

* Comprueba tu web en varios navegadores

* Piensa en el crecimiento que tendrá tu página en un futuro o en las posibles actualizaciones o mejoras que puedas hacer más adelante. póntelo fácil.

* Piensa en el usuario en todo momento, pide opinión a gente de fuera, que naveguen por tu web y que sean honestos a la hora de criticarla.

pros:

- Económico a más no poder

- Absoluto control de vuestra página

- Os sentiréis más orgullosos y más "padres" de la criaturita

- Aprenderéis un montón y probablemente perderéis el miedo a hacer otra página más adelante

contras:

- Puede que a la primera no se vea muy profesional

- Comederos de olla con el diseño, con cualquier código que no funcione, odiareis a iexplorer y otras pesadillas

- Os tomara más tiempo que cualquier otra opción

- Da igual lo bien que os lo montéis, el tiempo que le dediquéis etc... siempre queréis mejorar alguna cosilla...

- Plantillas, las hay de pago y gratuitas, tu elijes la que te interesa, por el aspecto, porque ves que el contenido encaja con la maquetación, por lo que sea... la adquieres, le cambias lo que sea, añades tu contenido y listo. a veces los propios creadores de las plantillas te pueden ayudar con este proceso.

para CMS como wordpress, joomla, y otras igual de famosas ... hay millones!

Aquí van algunos enlaces:

- http://www.codigogeek.com/2008/02/20/free-css-templates-templates-gratis/ Un listado bastante interesante de sitios de templates gratis

- http://www.publispain.com/templates/ gratis

- http://www.free-css.com/ de pago y gratis

- http://www.eplantillas.com/ De pago

...

hay un montón de sitios, lo mejor es que vosotros mismos busquéis en google plantillas web, web templates o los parámetros que necesitéis.

Pros de la plantilla:

- Indeciblemente más rápido que hacerlo a mano

- Probablemente más barato que contratar un diseñador

- Aspecto profesional

Contras:

- Ningún diseño es exclusivo así que te puedes encontrar por Internet varias páginas exactamente igual que la tuya :S

- A veces es complicado encontrar una plantilla que se adapte al 100% con tu idea y tu contenido

- No te libra de tener que aprender aunque sea un poco de CSS y html si quieres adaptarla mejor a tu idea.

- Profesionales, hay también diversas empresas de diseño, les cuentas lo que quieres, te dan presupuestos y eliges la que mejor rollo te de. suelen tener un portafolio de trabajos realizados hasta la fecha que te pueden ayudar a tener una idea de como trabajan. También hay freelances, y páginas donde puedes encontrarlos. Esta opción es recomendable si tu proyecto es complicadillo y no tienes mucha idea.

Si queréis encontrar freelances, podéis buscarlos aquí:

- http://www.forosdelweb.com/f65/

- http://www.trabajofreelance.es/

- http://www.mercadoprofesional.com/

- http://www.qweb.es/_freelances.html

...

De agencias como tal no pongo porque no estoy en posición de recomendar ninguna, pero si buscáis en google agencia de diseño web, os encontrareis un montón.

Ojo:

* Pedir varios presupuestos

* Pedir ver portafolio de trabajos realizados, comentad vuestra idea y escuchar sus propuestas a vuestro trabajo, así vereis quién parece saber más del tema, quién parece más implicado y quién, en definitiva, os da mejor rollo.

* No descartéis de entrada una empresa o un freelance porque no vive en España, un trabajo como este no requiere que os veáis en persona si hay buena comunicación por email, o skype y os puede salir más barato.

* buscad referencias de la empresa que elijáis por Internet...

Pros:

- Más rápido que ninguna opción, en principio

- Más profesional y exclusivo, podéis proponer cada detalle que hayáis pensado, y ellos, que tienen más experiencia, os recomendarán lo mejor.

- Contareis con un profesional al que acudir a cada mejora que queráis hacerle, y también a alguien a quien culpar si algo no va (esto libera mucho ;P)

- Os puede ayudar de paso con el tema del hosting y el posicionamiento (luego hablo de esto)

Contras

- Más caro

- Posibles timos

- Dependeréis de ese profesional para lo bueno y lo malo, a veces se quedan los originales de sus códigos (sobre todo de flash) y cambiar a otro profesional que coja el proyecto ya creado puede ser complicado para este segundo.

- La búsqueda de un profesional o una agencia puede ser en sí misma un quebradero de cabeza.

- Socios inversores,

¿Creéis que tenéis la idea del siglo, la revolución de Internet, o simplemente un buen negocio que creéis que os puede sacar de pobres, pero os falta la pasta y los medios? quizá vuestra opción sea un socio, alguien que pueda poner lo que os falta. No es fácil en estos tiempos en los que estamos, pero si la idea es buena y la vendéis bien podéis lograr mucho. Conseguir un socio que puede aportaros no solo el capital económico que os faltara, si no la experiencia de esta persona en el sector, los medios...

Para esto voy a comenzar con un enlace: el señor Carlos blanco. Master and commander de este tema, en su blog encontrareis toda la información, consejos y pasos que debéis seguir para conseguir lo que necesitáis, estudiarlo a fondo! os dejo en concreto un post que puede ser especialmente relevante valoracion de un startup, pero con el tag emprendedores podéis encontrar toda la información que queráis. El pertenece al Grupo ITnet, que se dedica precisamente al creación y el desarrollo de sitios webs, pero hay otras, por ejemplo intercom.

En definitiva necesitaréis ser unos grandes vendedores de vuestra idea, (un consejo, registradla antes de empezar a hablar de ella, por si acaso) redactar un buen plan de negocio antes de nada y luego empezar a moveros por reuniones como First tuesday o iniciador y tantas otras que sirven para juntar inversores con emprendedores, estad al loro de concursos como Emprendedor XXI, SeedRocket ... estudiad las subvenciones que se dan a nuevas empresas, prestad atención a todos vuestros contactos, relacionaros socialmente y hablad de vuestra idea con todo aquel que este dispuesto a escuchar, nunca sabéis quien es el que finalmente os llevara a conseguir vuestro sueño ...

Cuanto más concreto sea cada aspecto de vuestra idea, mejor, sobre todo a nivel de crecimiento y rendimiento económico, que es lo que los inversores buscan, es recomendable ir con la idea ya empezada o puesta en marcha, así que antes de empezar a moveros, haced una buena presentación, empezad con los diseños, la recopilación de la información que necesitéis. Seria lo ideal presentar un Plan de Negocio (todo tipo de datos financieros en detalle), preparar previsiones (gastos e ingresos) de mínimo 3 años, un Resumen Ejecutivo y un Presentación del proyecto (resumen gráfico).

En cuanto al resumen ejecutivo, éste debe contener los aspectos más relevantes del plan de negocio resumidos de la forma más breve y concisa posible, a ser posible en un máximo de dos o tres hojas. En todo momento se debe conseguir motivar al destinatario a continuar leyendo con entusiasmo y curiosidad. Un resumen ejecutivo debe contener, sin falta, los siguientes puntos:

-Quién: descripción del equipo directivo y de los promotores, o de las funciones de los socios, el personal que requeririais.
-Qué: idea de negocio
-Cómo: plan de implantación
-Cuánto: inversión requerida, con explicaciones detalladas de porque cada euro requerido.
-A quién: público objetivo
-Ventajas competitivas: escenario competitivo
-Análisis DAFO ( debilidades (D), amenazas (A), fortalezas (F) y oportunidades (O) con las que te encontrarás al montar tu propia empresa.): valoración global del proyecto, con aspectos más innovadores y objetivos

-Productos/servicios: diferenciación respecto a la competencia
-Tamaño del mercado potencial
-Estado de desarrollo del negocio

Cuanta más iniciativa e ilusión mostréis por vuestra parte más fácilmente os escucharan. No es fácil, pero puede ser la clave del éxito de vuestra idea, puede ser toda una aventura, de vosotros depende tratar de disfrutar de esta parte del proceso, tenéis que estudiar mucho como está el percal de los inversores en vuestro sector, y no desperdiciar las oportunidades, Prepararlo bien, venderos mejor que nadie, hay muchos emprendedores, vosotros y vuestras ideas tienen que brillar desde la primera impresión. Requiere mucha constancia y esfuerzo, pero no os desaniméis si os rechazan a la primera, mejorar los puntos que fallen y a seguir. Debéis estar abierto a propuestas, a lo mejor te financian con condiciones de cambiar algún aspecto de tu idea... estudiadlo todo.

La crisis esta afectando a la web y los inversores también, pero nada es imposible, quizá hay que empezar de una forma modesta, pero las crisis generan cambios en el sistema establecido, usad vuestra imaginación para adaptaros a los cambios, innovad, haced publicidad de guerrilla, asumid los riesgos desde un principio, pero no perdáis la motivación, no es imposible, es más, si estáis preparados y sabéis adaptaros puede hasta beneficiaros. Google sin ir más lejos se fundó en plena crisis de las puntocom, y algún que otro NO también oyeron al principio...

Hay quien busca un socio programador, pero ojo a como lo hacéis, os lo explico de vista de los programadores: se sienten como si solo buscarais un socio programador para ahorraros contratar uno bajo la promesa de ir a porcentaje del éxito de la empresa. dependen del olfato del ideólogo y no pueden quejarse ni protestar ante los cambios que ocurran en el proceso de creación de la web, a todos los efectos estarían trabajando de gratis con la esperanza de que vuestra idea finalmente funcione o no verán un duro.

Si queréis hacerlo valorad su trabajo (económicamente y desde un principio) y poned todo lo que podáis por vuestra parte. Los riesgos - beneficios que ambas partes pongáis deben de estar completamente equilibrados. Ambos os convertiríais en emprendedores de la misma empresa, así que debéis convencerlos con algo más que la idea.

Pros.

- Contareis con dinero, medios y la experiencia y la sapiencia de alguien que lleva en esto mucho más tiempo.

- Más posibilidades de crecimiento y de beneficios económicos.

- Ver como tu idea puede llegar a ser construida con los medios más propicios puede ser lo mas reconfortante del mundo y una aventura estupenda.

Contras

- Chungo, chungo encontrar un inversor o un socio, y más en estos tiempos que andan con un poco de miedo.

- No exime de los puntos anteriores necesariamente, quizá os toque aprender a diseñar y programar igualmente, u os toque contratar a un profesional si no encontráis a alguien que se ocupe de esa parte, y en cualquier caso no debéis dejarle todo el marrón, el apartado del marketing del que luego hablaré es también vuestra responsabilidad...

- No es garantía de éxito total, en estos tiempos nada lo es, en realidad, depende de vosotros, vuestra iniciativa, vuestra motivación y sobretodo de vuestra imaginación

Como crear una web - paso 2 - Hosting y dominio

noreply@blogger.com (SuperEli) — Thu, 15 Oct 2009 05:29:42 PDT

Seguimos...

- 2.: Hosting y dominio:

La parte débil de casi todos los que me habéis preguntado... primero varios conceptos:

- Dominio es el nombre de vuestra web: loqsea.com. Encontrar un dominio es un trabajo de chinos a estas alturas, para hacerlo la página oficial es el whois, aunque hay formularios en cualquier empresa que venda hosting y dominios, desconfiad, en esos formularios a veces hay alguien detrás mirando y que si les parece interesante tu búsqueda pueden adelantársete si no lo registras rápido.

No recomiendo los dominios gratuitos que regalan en algunas páginas, tipo supereli.wordpress.com. Aparte de que no tendríais muchas opciones en cuanto a hosting, que también suele ser gratuito y reducido, no es fácil de recordar para los usuarios y no transmite profesionalidad ni confianza. Más parecería un que os aburríais y os hicisteis una página ahí, que es gratis.
Lo primero a la hora de elegir un dominio es ver primero que extensión queréis: .com es la más usada, pero no siempre es la más recomendable, por ejemplo en mi ejemplo de la tienda de animales me interesaría más una extensión .es, por que no me veo exportando perros a argentina... mi público quiero que sepa que estoy en España. También existe .eu, que es a nivel europeo... pero si tu página tiene un carácter más internacional o puedes vender tu producto fácilmente a todo el planeta puedes usar .org, .net, .edu, .com... (.org es organización en principio sin ánimo de lucro, no esta mal pensado para una fundación, un grupo de gente, o una idea genérica internacional, .net esta relacionado con tecnología e Internet en general, .edu es educacional, .biz: negocios, .info información .com es comunicación, y engloba todo lo imaginable... aunque ya han perdido todos su significado y se pueden utilizar más o menos indistintamente)

Encontrar un buen dominio con .com es complicado porque al ser internacional y ser el más conocido esta todo pillado, pero si es lo que queréis probad suerte! si estáis muy interesados en un dominio que ya esta pillado hay la posibilidad de negociar con el dueño, como en todo aquí también especuladores que se dedican a revenderlos, aunque suele ser bastante carillo.

Consejos para elegir dominio:

* En primer lugar a la hora de probad el nombre de vuestra empresa si existe. tu dominio debe corresponder con el nombre de tu Site, servicio, producto o empresa, de otra forma tus visitantes se encontrarían desorientados.

* Huye de los nombres de dominios genéricos como tiendadeanimales.com, y de poner tu eslogan de dominio. lamejortiendadeanimalesdelmundo.com no da tampoco mucha confianza.

* busca algo fácil de recordar, corto a ser posible y fácil de pronunciar, huye de algo como htgqs.com por ejemplo... busca algo con contenido semántico que signifique algo, aunque sea una palabra inventada, pero que tenga un significado.

* poner una palabra clave de tu web en el dominio es buena idea pero no bases tu elección sólo en eso, hay más posibilidades muy válidas.

* evita caracteres especiales como - o _ ni le gustan a los motores de bus queda ni a los usuarios, conducen a error. las letras ñ y ç y los acentos están permitidos en los .es pero mejor evitarlo, algunos navegadores no lo saben interpretar y evita además la x, algunos proxyes y firewalls pueden catalogar tu web con x como contenido para adultos.

* Se distinto a su competencia, atrévete con nombres de dominio diferentes. Utiliza la ingeniería de nombres: Saca provecho de la fonética de las palabras, los doble sentidos, etc. no sería mala idea por ejemplo misupertienda.de/animales (.de es el dominio territorial de Alemania, pero en este caso no habría dudas de que esta web no es alemana, hay varias páginas hispanas que lo usan, /animales en este caso sería una carpeta de la página pero podemos configurarla como sección principal del sitio.)

* saca provecho de los subdominos, por ejemplo foro.supereli.com, tienda.supereli.com... pero no intentes engañar a google tratando de crear múltiples páginas de entrada a tu site. esto a google no le gusta nada y te puede penalizar.

* si puedes registra otras variantes de tu site, con otra extensión, o con una variante que pueda conducir a error. ejemplo: google.com y gogle.com

* Utiliza herramientas especializadas para el análisis de dominios. Domain Typo Generator: nos permite conocer los errores más habituales en la escritura de un dominio. Domain Name Generator: sugerencias sobre nombres de dominio (en español también hay). Internet Archive: Puede ser una herramienta interesante si acabas de adquirir un dominio expirado y te gustaría saber qué web había anteriormente (o para ver como era tu web cuando pase un tiempo, para reirte :P)

* pide opinión, a veces es mejor dos puntos de vista a la hora de tomar una decisión.

* un dominio es el primer escaparate de tu web, es su sello, su firma, su primera carta de presentación y tu seña de identidad. elije bien, de él depende mucho el éxito de tu web, así que dale la importancia que se merece.

* una vez que lo hayas elegido puedes cambiarlo pero en un lío, no sería como cambiar el nombre de una empresa en el mundo real, a todos los efectos sería como destruir tu web y construir una nueva igual con otro nombre, así que estate seguro.

- Hosting: Dos conceptos en este apartado antes de nada: Ancho de banda y transferencia mensual o tráfico

* El ancho de banda es la "tasa de transferencia" o la velocidad a la que se sirve o potencialmente se puede servir la información y no se mide mensualmente. Normalmente se mide en kb por segundo. Es la velocidad a la que el servidor "sirve" o "puede servir" la información: a 128 kbps, a 256 kbps, 1 Mbps, etc. Es decir: el caudal.

* La transferencia mensual es la cantidad de kb que tu web sirve al cabo del mes, por ejemplo (pasado a GB y que es lo que los proveedores suelen vender) 2 GB, 3 GB, 5 GB, etc. y depende de la cantidad de archivos totales que sirvas, del total de correos que envíes, etc.
La velocidad a la que la consumás no importa, claro que a más velocidad, consumirás más o bien tu cuota se acabará antes. Si consumes más, lo normal es que te cobren un extra. La rapidez con que acabes con tu cuota dependerá fundamentalmente del nº de visitas que tenga tu web en un periodo dado de tiempo y del peso de tu pagina, si las imágenes no están bien optimizadas y las páginas son muy pesadas, tienen mucho flash, videos alojados en tu servidor, música y cosas pesadas, acabará antes.

Para calcular cuanto necesitas contratar pregúntate esto:

¿Cuantos visitantes tendrá tu sitio en promedio?
¿Cuál es el tamaño promedio de tus páginas? (incluyendo imágenes)?
¿Cuántas páginas visitará un usuario en promedio?
¿Cuántos e-mails bajas al día?
¿Cuál es el tamaño promedio de un e-mail? (incluye archivos adjuntos)
Multiplica las cantidades para saber el consumo diario promedio de transferencia. Multiplícalo por 30 para obtener el uso promedio mensual.

Se realista, un sitio que empieza por lo general no tiene mucho tráfico, luego se puede ir ampliando...

Ojo ni caso a lo de transferencia y espacio ilimitado, no existe tal cosa, desconfiad de quien lo ofrezca.

* El hosting es el alojamiento de tu pagina, el servidor donde está alojada.
El hosting de tu dominio debe tener alguna forma de administración adecuada para gestionar todas las posibilidades que ofrece, como por ejemplo el panel de control cpanel, que te muestra entre otras programas pre-instalados como blog, foro, carrito de la compra, estadísticas... desde ahí fácilmente se pueden crear cuentas de correo con tu dominio y cuentas ftp (ahora lo explico esto) administrar las bases de datos... lo bueno es que todo esto esta en el propio servidor así que puedes acceder a él y trastear en él desde cualquier parte del mundo.

¿Que debes buscar en cualquier hosting?
-Buen soporte técnico: Haz todas las preguntas que quieras y observa:
-El tiempo de respuesta
-El conocimiento de las respuestas
-Disponibilidad y Amabilidad
No esta de más meterse en páginas de webmasters tipo forosdelweb.com para ver la opinión de otros usuarios con esos hostings, listados, buscadores de hostings... de hecho ese foro está bien para casi todo tipo de duda que pudierais tener referente a cualquier tema de creación de páginas web...

* El cliente ftp es el programa con el que te puedes conectar a tu servidor y transferir los archivos de tu página, esto es html, flash, imágenes, carpetas... hay muchos clientes ftp gratuitos muy buenos que puedes descargar. Una vez instalado en tu ordenador creas una nueva conexión e introduces los datos que te han dado en tu servidor y verás un explorador del servidor al que podrás subir tus archivos, a la carpeta que te hayan indicado.

* Base de datos. Para páginas con mucho contenido no esta mal crear una base de datos y acceder a la información de manera dinámica, esto es que si tengo en mi base de datos todos mis animales en venta y mi usuario quiere ver los perros, con una consulta en Php, Asp, java o cualquier otro lenguaje, rescato los datos que quiero en concreto y los muestro... si no sabes programar con base de datos o tu página es muy pequeña, mejor no hagas mucho caso a esto.

Como crear una web - paso 1 - Analizar la idea

noreply@blogger.com (SuperEli) — Wed, 14 Oct 2009 14:09:32 PDT

En los próximos días voy a dejar mi legado como diseñadora web en este blog, dedicado a todos aquellos que últimamente me habéis pedido ayuda para crear una web (que parece que os habeis puesto de acuerdo, cabronzuelos, ahora que me voy!) iba a ser solo un post pero cuando me di cuenta probé a darle a imprimir y ocupa 17 páginas, así que para que no me explote el blog y darle un poco más de vidilla a ésto lo voy a dividir en 6 post, y de paso lo voy a publicar también en mailxmail.com.

Quien sabe, cuando se me pase el dolor de cabeza lo mismo me decido a darle un par de vueltas más y busco el modo de publicarlo editorialmente, que visto lo visto no sería mucho más trabajo...

Como cada uno de los que me habéis preguntado tiene ideas bastante diversas y tampoco quiero dar detalles de cada proyecto que me habéis contado, voy a hablar un poco de mucho y ya detallo por lo privado...
Éste es el primer paso.

- 1.: Tener la idea y analizarla al detalle.

De esto depende que la página tenga éxito en adelante. Esto es:

- Buscad en Internet y en lo que no es Internet todo lo que haya relacionado con la idea que habéis tenido, habrá páginas parecidas, páginas que tengan una parte parecida, y páginas que solo estén relacionadas con el mundillo en el que os queréis meter. Analizarlas todas y guardaros enlaces y referencias. Estudiar bien que es lo que ofrecen, qué estética tienen, qué lenguaje usan, a qué público van, qué colores usan, qué funcionalidades, qué ranking tienen, qué fama tienen.... pero sobre todo analizarlo como si vosotros fuerais un visitante más de la pagina, anotad sobre todo vuestras impresiones de cada cosa: qué sensación os da y qué os convence en ellas y que no, que os gustaría tener parecido y en que creéis que se han equivocado.

Sed Subjetivos, porque al fin y al cabo una página sobre vuestra idea hecha por vosotros va a ser un poco vuestro hijito, y en el lado personal que le deis a vuestra página radicará la mayor diferencia.

- Comparad vuestra idea con la de esas páginas, aprended y desechad las cosas que os parezcan mejores y peores de esas páginas, apuntad las ideas que os salgan por el camino en una lista aparte.
preguntaros que va a tener vuestra página de especial frente a ellas, que es la idea principal que queréis vender y si es muy parecida a algo ya inventado, preguntaros cual es el valor personal que le dais frente a lo ya existente.

Qué os diferencia, qué es lo que queréis aportar de nuevo a Internet y a la gente que visita vuestra pagina. qué va a hacer que las personas prefieran vuestra página a la de la competencia...

Un consejo: focalízate, especialízate en algo, ya hay muchas empresas grandes con las que es difícil competir, valora tu punto fuerte y explótalo!

En definitiva hazte estas cuestiones:
* De qué trata mi pagina? idea principal y describid los contenidos.
* Qué quiero conseguir con mi página? informar, ganar dinero y hacerme famoso, entretenerme, ayudar, reclutar gente para mi causa...
* Qué necesito: gente, documentación, idiomas, equipo informático...
* Qué tengo: saber de lo que ya dispones te ayudara para hacer el presupuesto y ahorrar tiempo.
* A quién va dirigido: edad, nivel cultural e informático, idioma, problemas físicos...
* Vida de la página: la quiero para un periodo de tiempo o indefinidamente, cuando y cuanto puedo actualizarla, hacia donde quiero que vaya.
* plataformas: quiero que mi página sea accesible desde móviles?

- Estructurad vuestra página, poned todas las ideas que queréis para ella en orden:

* Cuál es el principal motivo de vuestra página,

* Qué secciones queréis que tenga...

Estructurad bien esos enlaces: es mejor si una página de entrada parece simple con pocas secciones y luego dentro de cada sección se encuentra el resto.

Organizar en árbol vuestra página y reservar el mejor puesto para la idea especial que la hace diferente del resto.

Ejemplo: yo tengo una tienda de animales, y quiero vender todos ellos perros, gatos, loros, periquitos, peces... también quiero que la gente sepa dónde estoy, cómo contactad conmigo, cuál es la historia de mi tienda, cómo se fundo, y que nuestro fuerte son los gatos siameses... aquí hay 3 secciones en la página principal:
1.tienda, dentro de la cual habrá subsecciones de mamíferos, peces y pájaros, y subsecciones de mamíferos: perros, gatos, gatos siameses!, hamsters etc.
2. nosotros, donde explicaría brévemente (brévemente o nadie lo leerá) la historia de la tienda y nuestra experiencia, nuestra dirección y teléfono junto con un planito donde encontrarnos, preferiblemente una API de google maps. y un formulario de contacto debajo para que la gente pueda contactarme desde ahí sin abrir su correo. Esta sección al final no es tan importante como la tienda en si misma, por eso si aparece sin subsecciones no es tan importante.
3. los gatos siameses! su historia y por que nuestra tienda es la indicada para comprar gatos siameses y no otra, y una relación de los gatitos siameses que pueden encontrar.

Hay tres reglas que hay que respetar en Internet: la regla de los tres clics: los usuarios no pueden tardar más de 3 clics en encontrar lo que andaban buscando dentro de nuestra pagina; sintetización: mucha información de un golpe marea y espanta, los grandes párrafos de texto no los lee ni dios, y menos si no venían buscando esa información en concreto en nuestra página, así que ser concretos y estructurados! y no dejéis ninguna página huérfana, todas las páginas deben tener enlaces de entrada y de salida a otras páginas de la web. Haced un esquema de como queréis que se vea cada página, cada sección, no os preocupéis de colores y diseños, solo de estructura y maquetación, y de los elementos interactivos de cada parte.

- Cread un blog, un blog tiene muuuchos beneficios en cualquier página: una página con un blog actualizado demuestra que no es una página abandonada más, si no una página cuidada y al día, con vida. Hablad de cosas más o menos relacionadas, tened cuidado de hablar de la competencia directa pero no os cortéis en "enseñar" al usuario lo que hacéis. Usad el blog como un blog personal vuestro, donde poner por escrito las cosas que os gustan relacionadas con vuestro tema, noticias, exposiciones, citas, hablad de vosotros también, dadle el punto personal que todo blog debe tener, es vuestra comunicación directa con los usuarios así que ser honestos y amenos... luego hablaré de los beneficios de posicionamiento con los blogs...

- Analizad también si merece la pena en vuestra página crear un foro, un chat, una encuesta, o alguna sección parecida que sea necesaria para aumentar el valor y las visitas de la pagina.

Huid de las cosas que no aporten nada, (huid de poner música en una web a no ser que sea precisamente la música lo que ofrecéis como elemento principal, y en cualquier caso poner botones de stop, pause o de cambiar de canción, pero si podéis evitarlo, evitadlo) analizad las aplicaciones que puedan darle más valor y sobre todo más dinamismo. Uno de los conceptos de lo que ahora llaman web 2.0 es que las páginas deben ganar valor por cada visitante, así que no está de más dejarles un hueco para comentar y dejar su aportación, ya sea en comentarios de los post del propio blog, una sección de foro , una zona donde puedan subir imágenes, o algo así, o un sistema de puntuación de algún tipo.

Rotación

noreply@blogger.com (SuperEli) — Tue, 22 Sep 2009 08:22:13 PDT

Sigo...
El anterior post funcionó. estoy inspirada!

Inspiración

noreply@blogger.com (SuperEli) — Sat, 19 Sep 2009 18:15:55 PDT

Llevo meses sin postear, lo sé.

Ya me da palo poner q ha sido de mi vida hasta la fecha después de tanto... resumiendo: me he contraindependizado, mi supercasita está alquilada, y a la espera de nuevas oportunidades laborales pienso aprovechar este tiempo viajando mucho y estudiando otro tanto.

Aquí un regalito para mi blog y quien lo quiera, lo he llamado Inspiración, a ver si la atraigo un poco...

Hay version grande disponible de 50x70cm mas o menos...

Como siempre si la quereis publicar en otro lado preguntad, q no muerdo. (de hecho solo muerdo cuando veo q no me han preguntado ;) )

Dos Maravillas para los oidos

noreply@blogger.com (SuperEli) — Fri, 10 Apr 2009 13:50:34 PDT

El primero es un juego q ya conocía de hace tiempo, uno de los mejores q he visto en años, cada pantalla es mas q un reto, es una experiencia... (cuando me libere un poco de trabajo lo mismo me doy un capricho con éste)

El segundo es un descubrimiento reciente sacado de Criterion , no es un juego.. no sé lo q es... pero es una maravilla.

Hoy me han venido muy bien...

Tributo a la primavera '09

noreply@blogger.com (SuperEli) — Wed, 08 Apr 2009 15:35:23 PDT

Q no me habia olvidado, q estoy hasta arriba de curro, y por mucho q a veces se haga un poco pesado, q no falte!

El increible Gato Gallina

noreply@blogger.com (SuperEli) — Mon, 16 Mar 2009 16:52:48 PDT

Acuereleando bichos raros en clase...

Chica Arcoiris

noreply@blogger.com (SuperEli) — Thu, 12 Mar 2009 12:49:22 PDT

Sí, ya se, llevo desde Navidad sin actualizar... ya me vale...
Bueno voy a ver si rompo el hielo con algun trabajillo.

Tributo al invierno!

noreply@blogger.com (SuperEli) — Mon, 22 Dec 2008 15:44:11 PST

Sigo por aqui, lo prometo, en medio de un millon de cambios en mi vida, y con unos 3 post a medias entre los borradores, pero este hay q adelantarlo a los demas:
El tributo al invierno, como no.

Me queda poco por pedirle, esta vez; el del verano y el otoño funcionaron de miedo, asi q lo dejo esta vez en sus manos...
Y aprovecho para desearos una:

¡¡¡ Feliz Navidad !!!
^^

Presto - El ultimo Corto de Pixar

noreply@blogger.com (SuperEli) — Sun, 23 Nov 2008 05:19:06 PST

Un obra de arte, como siempre, estos de pixar, lo han vuelto a hacer...

Aqui dejo el enlace, sin más comentarios, porque se vende solo: Presto

Muchos enlaces interesantes

noreply@blogger.com (SuperEli) — Wed, 05 Nov 2008 00:47:34 PST

Llevo un siglo sin postear nada pero no por ello me he olvidado de mi blog, y aunque no he tenido casi tiempo he seguido haciendo los deberes y he recopilado un monton de enlaces super interesantes de diseño grafico, web y programación que paso a compartir.
Mas de uno de todos estos recursos bien merece su post propio, pero la falta de tiempo me lo impide. En breve traere más, que tengo el Reader petao de no-leidos.

Diseño grafico - Set de dibujos vectoriales
http://www.smashingmagazine.com/2008/10/16/swirls-flowers-circles-a-free-vector-graphics-set/

Diseño grafico -Tutoriales - vintage y retro con photoshop
http://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/

Diseño gráfico - Más de mil pinceles de photoshop de todo tipo (Hay para todos los gustos y bien clasificados para dar con el q necesitamos. Tambien puede haber todo tio de licencias)
http://www.noupe.com/photoshop/1000-free-high-resolution-photoshop-brush-sets.html

Diseño grafico - Una buena coleccion de Acciones para photoshop de todo tipo
http://www.smashingmagazine.com/2008/10/20/the-ultimate-collection-of-useful-photoshop-actions/

Diseño Gráfico - Coleccion de pinceles de Photoshop estilo manchas
http://feedproxy.google.com/~r/psdtuts/~3/XEFCLDSWkyY/

Diseño Gráfico - Otra coleccion de pinceles de Photoshop estilo manchas
http://feedproxy.google.com/~r/psdtuts/~3/P1Y7g_oS5jc/

Diseño Gráfico - Artista del photoshop
http://microbot.ch/

Diseño Gráfico - Artista del photoshop
http://he1z.deviantart.com/

Diseño Gráfico - Ilustracion - Cientos de modelos 3d en todas las poses imaginables, Un buena guia de referencia para Ilustraciones y diseños con humanos
http://www.posemaniacs.com/

Diseño Gráfico - Coleccion de pinceles de Photoshop estilo manchas y acuarelas
http://www.smashingmagazine.com/2008/10/22/splatter-and-watercolour-brushes-for-photoshop/

Diseño grafico - concurso photoshop con suculetos premios (Siento haber avisado un poco tarde para este)
http://www.crestock.com/blog/photoshop/the-crestock-photoshop-contest-2008-138.aspx

Diseño Gráfico y web - La mejor coleccion de revistas digitales de diseño a las q podemos enviar nuestros trabajos en busca de promocion.
http://blog.templates.com/the-best-30-art-magazines-for-submitting-your-artworks/

Diseño web y gráfico - las 100 mejores tipografias grunge y abstractas
http://www.hongkiat.com/blog/100-great-abstract-and-grunge-fonts/

Diseño web, como crear distinto estilos (como colores queramos) con las mismas imagenes y css.
http://www.webmasterlibre.com/2006/07/06/1-imagen-1000-estilos/

Diseño web - tutorial para convertir bloques de diverso contenido para q funcione el bloque entero como enlace.
http://www.webmasterlibre.com/2008/10/02/big-target-bloques-de-contenido-como-grandes-enlaces/

Diseño web - aplicacion de cnsulta de terminos usados en xhtm, css y javascriot entre otros
http://www.webmasterlibre.com/2008/10/02/devboi-referencias-de-html-css-y-javascript-en-tu-firefox/

Diseño web - Iconos gratis para representar fechas
http://www.webmasterlibre.com/2008/09/23/iconos-gratis-para-presentar-fechas-con-css/

Diseño web - Usando Javascript para solucionar problemas de estilo entre los diferentes navegadores.
http://www.noupe.com/css/using-javascript-to-fix-12-common-browser-headaches.html

Diseño web - Plantilla Wordpress - Estilo periodico digital y gratis
http://mywordpressdesign.com/free-wordpress-themes/guzel-pro-magazine/guzel-pro-magazine-v3/

Diseño web - algunos consejos para los fondos de nuestra web, para evitar ptoblemas con las diferente resoluciones de pantalla
http://www.webdesignerwall.com/tutorials/how-to-css-large-background/

Diseño web - Plantilla Wordpress - Muy completo y gratis
http://demo.blogsessive.com/index.php?wptheme=Simple+Balance

Diseño web - Videotutorial para aprender a utilizar la API de google maps
http://feedproxy.google.com/~r/nettuts/~3/hSKS6aPjNFo/

Diseño Web - 40 preciosos set de iconos
http://sixrevisions.com/resources/40-beautiful-free-icon-sets/

Diseño Web -Más iconos
http://blog.themeforest.net/general/the-most-usable-web-icons-availableand-free/

Diseño web - Plantilla Wordpress - un precioso template en dos estilos (oscuro y claro) estilo magazine.
http://www.smashingmagazine.com/2008/10/20/cellar-heat-a-free-wordpress-theme/

Diseño web, programacion Diseño grafico - Listado muy interesante de foros, comunidades de desarrolladores web y similares.
http://www.maestrosdelweb.com/editorial/foros-hispanos-contenidos-recursos-sobre-diseno-y-desarrollo-web/

Programacion Web - Tutoriales Ajax
http://www.smashingmagazine.com/2008/10/16/50-excellent-ajax-tutorials/

Programacion web - Un validador de formularios usando Mootools de lo mas bonito
http://feeds.feedburner.com/~r/sentidoweb/~3/426319355/mootools-formckeck-comprobacion-de-formularios.php

Programacion Web - Videotutorial de como crear un administrador de fotos con JQuery y php
http://feedproxy.google.com/~r/nettuts/~3/hH374o0nQmo/

Programacion web - 20 estupendos recursos y efectos AJAX q debes conocer.
http://feedproxy.google.com/~r/nettuts/~3/GJZHChNgOI8/

Programación web - Como cargar contenido con AJAX de una forma animada - efecto muy chulo
http://nettuts.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

Programacion web - Crear un panel con Tabs con Css y Jquery
http://nettuts.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/

Programacion web - Crear un formuulario de Login con JQuery de lo mas original
http://nettuts.com/tutorials/javascript-ajax/build-a-top-panel-with-jquery/

Programacion Web - Creau un deslizador para controlar el tamaño del texto con JQuery
http://nettuts.com/tutorials/javascript-ajax/use-the-jquery-ui-to-control-the-size-of-your-text/

Programacion web - Cear un intercambiador de estilos con Jquery
http://nettuts.com/tutorials/javascript-ajax/jquery-style-switcher/

Programacion Web - Los 50 mas buscados ejemplos, tecnicas y tutoriales con AJAX
http://www.noupe.com/javascript/most-wanted-ajax-techniques-50-ajax-examples-and-tutorials.html

Fiesta de inauguración

noreply@blogger.com (SuperEli) — Mon, 06 Oct 2008 23:35:06 PDT

Este post va para daros las gracias a todos los q vinisteis a la fiesta de inauguración de mi ático (Y los q estuvisteis en espiritu)

Mi primera gran fiesta de anfitriona, sin dejar de lado la pre-inauguración de la semana anterior.

No podia haber salido mejor, y es gracias a vosotros. Sólo puedo decir q esto hay q repetirlo!

Dejo una recopilación de algunas de las sesiones en el ~~fotomatón~~ fotocall. Más en Facebook.

Tributo al otoño '08

noreply@blogger.com (SuperEli) — Mon, 29 Sep 2008 12:44:17 PDT

Viendo el éxito q está teniendo esto de los tributos y lo bien q salió el de este verano aprovecho éste no sólo para pedir mi propio deseo al otoño (Que haga buen tiempo este sábado por la noche!) si no para compartir el mismo con todo aquel q quiera pedir su propio deseo al otoño, pueden ir pidiendo en los comentarios!

Pd: Tampoco me vendría mal pedir, si no es abusar, un principe para mi cuento de la cenicienta particular, ya pongo yo el palacio ;P
Versión grande aquí

Plugins, y más recursos javascript.

noreply@blogger.com (SuperEli) — Sun, 14 Sep 2008 07:51:08 PDT

Hubiera hecho un post reuniendo mis favoritos de entre todos los recursos q nombran en este post de Smashing Magazine. Pero son tantos q me merece más la pena nombrar el post en si.

Lightbox de todo tipo, galerías super chulas, validación, calendarios, menús "de todos los colores", rating, swfir, tagging de fotos, zooms, multiuploaders, autosuggest, tooltips, carritos de compra, y un montón mas. y por si fuera poco además un montón de tutoriales.
No se casan con ninguna libreria, hay jquery, prototype, motools y algunas más.

75 really useful javascript techniques

Por otro lado en WebDesignerWall han hecho otro tanto de lo mismo: 47 recursos en javascript ordenados por tipo: Lightbox y zoom de imagenes; galerias y Slideshow; Carruseles, Menus de desplazamiento, pestañas, Scrolls animados, tooltips, menus acordeon, sifr, intercambiadores de CSS, y formularios, estilos y validación.

javascript in modern web design

¡Que más necesita un webmaster!

Marcas helveticas

noreply@blogger.com (SuperEli) — Wed, 10 Sep 2008 03:00:00 PDT

Todo el mundo ama la Helvetica.

Tutoriales para efectos Comic.

noreply@blogger.com (SuperEli) — Tue, 09 Sep 2008 03:00:00 PDT

Un Colección de 20 tutoriales de efectos Comic de todo tipo con photoshop.

20 insane comic book style photoshop effects

Fuente:
Vecindad gráfica

Avatares

noreply@blogger.com (SuperEli) — Mon, 08 Sep 2008 03:00:00 PDT

Estos días de abstinecia por no poder postear, he descubierto varios sitios muy chulos. De momento empiezo con algunos para todos los públicos:
Avatares para todos, he aquí los sitios q a mí más me han gustado y el resultado (personal, en este caso) q se puede sacar de cada uno:

Face Your Manga

South Park Studio

Simpsonize me

Estos son mis favoritos, pero he visto más. En cualquier caso si alguien conoce algun otro que merezca la pena, q lo diga...

(Gracias Helen por la aportación)

yo , yo misma y mi casita

noreply@blogger.com (SuperEli) — Sun, 07 Sep 2008 08:40:27 PDT

Los de CocaCola me pidieron q les mandara una foto de mi en la parte q mas me gustara de mi atico....

Me costo decidirme.

Cambio de servidor

noreply@blogger.com (SuperEli) — Sun, 07 Sep 2008 06:39:37 PDT

Pongo este post un poco a modo de prueba, por q acabo de mudar de servidor el blog aprovechando la ayudita q en su dia ofreció Alma, de Webmaster libre.
El anterior hosting se quedo pequeño para las 100 visitas diarias q dice Google analytics q ya hay (más o menos) en el blog. (A ver si comentamos algo, muditos)

Inicio pues esta etapa con menos miedos por fin a las estadisticas de mi ancho de banda, y con más libertad para postear sin miedo a q entre todo Cristo a mi blog a la vez.
Si alguien ve algun fallo, por favor decidmelo.

Actualizacion: El hecho de q este post haya tardado enpublicarse y la última caida por ancho de banda estos ultimos dias, son consecuencia de esta mudanza.

What Matters to me?

noreply@blogger.com (SuperEli) — Thu, 14 Aug 2008 20:45:00 PDT

Este video lo ha creado un muchachito de 17 años, Jorge Rolando Canedo Estrada, para el concurso Vancouver Film Festival-YouTube Scolarship Challenge.
Me ha dejado sentimientos contrariados, no se si convertirlo en uno de mis idolos y dejar q me inspire, a ver si logro en mi vida hacer algo el 10% de bonito q esto, u odiarlo por solo tener 17 añitos.

Por si quedaban dudas: sí, ganó.

Versión subtitulada: Aquí
Fuente: Tecnodiva

Explicaciones de todo tipo

noreply@blogger.com (SuperEli) — Thu, 07 Aug 2008 16:30:50 PDT

Ya hace un tiempo vi algunos de estos videos documentales, por entonces no tenia blog, pero ahora q ya puedo voy a ayudar a los q staban como yo en aquella epoca, perdidos entre tantos terminos nuevos internetiles. Ademas aprovechando q los he encontrado traducidos...

¿Qué es un blog?

¿Qué es un lector de Feeds?

¿Qué es Twitter?

¿Que es Social Media?

¿Qué son las redes sociales?

¿Qué son los PodCast?

¿Qué es un Wiki?

Compartir fotos online (Flickr...)

¿ Que es la Web 2.0?(Este ya es un poco Geek, lo vi de paso y no pude resitirme.)

Francis Crabel - Nantes 97

noreply@blogger.com (SuperEli) — Sun, 03 Aug 2008 06:31:12 PDT

Lo q es ésto de hacer mudanza... me encontrado entre las cintas de musica q tenía en una caja abandonadas una con una canción grabada que no tiene nada q ver con el resto de las canciones de la cinta.
Me la grabaron en el 97 y ha desterrado uno de los mejores recuerdos q tenía, ya casi enterrado. Aquí la dejo para el recuerdo.