Everything You Know About Conversion Rate Optimization Is Wrong Everything You Know About Conversion Rate Optimization Is Wrong

Conversion Rates

Everything You Know About Conversion Rate Optimization Is Wrong

By Larry Kim March 17, 2014 Posted In: Conversion Rates Comments: 17

171
inShare

Conversion is a key element in your paid search strategy; after all, if you're not actually turning lookers into buyers at a high rate, what are you advertising for? Conversion rate optimization enables you to maximize every cent of your PPC spend by finding that sweet spot that convinces the maximum percentage of your prospects to take action.
But what is a good conversion rate? If you're already achieving 3%, 5% or even 10% conversion rates, is that as high as you're going to go?
We recently analyzed thousands of AdWords accounts with a combined $3 billion in annual spend and discovered that some advertisers are converting at rates two or three times the average. Do you want to be average, or do you want your account to perform exponentially better than others in your industry?
Through our analysis of this massive amount of data on landing pages and conversion rates, we were able to identify some common traits of the top converting landing pages. What do they have that you don't? Believe it or not, there isn't much standing between you and conversion rates double or triple what you're seeing today. But the way you’re going to get there is totally counter to typical conversion rate optimization wisdom.

In this post, you'll learn a step-by-step, replicable process for boosting your conversion rates, all backed by data insights from the best (and worst) performing advertisers in the market. Our recent conversion rates webinar is available in full at the end of this post. Today, we'll cover:

• Why Conventional Wisdom Around Conversion Rate Optimization is Silly
• What Is a Good Conversion Rate?
• How You Can Replicate the Success of Top Landing Pages

Are you ready to find out why everything you thought you know about CRO is wrong? Here we go…

Why Conventional Wisdom Around Conversion Rates is Silly

Learning that the experts you've been listening to all along are wrong is a bit like learning for the first time as a kid that mascots aren't real. Underneath that fluffy suit there was just a sweaty unshaven guy. Everything you've learned about conversion rate optimization is a bit like that: shiny and pretty on the surface, but seriously lacking in substance.
How is everyone getting it so wrong? Primarily, if you're singing the same song as everyone else, you can really never be anything more than average. When all of the gurus are all preaching the same optimizations, and all of your competitors are listening to them, how are you supposed to stand out?

The Classic Conversion Rate Optimization Test is Silly

Ladies and gentlemen, this is the Great Conversion Rate Optimization Fairy Tale. Once upon a time, a self-professed marketing guru told you it's really important that you optimize your site. They shared one example where the author changed the button color, or the font spacing, or the image. Lo and behold, the advertiser's conversion rate jumped by 2-7%.

Amazing, right?! Um, no, not really. These are really basic, run-of-the-mill A/B testing best practices. Yes, you should be doing these optimizations on an ongoing basis, and you're probably going to see small, single-digit increases in your conversion rate – but it's not likely to shoot you into the 10% or greater conversion bucket.
Let me show you what happens with those gains generated by these small tweaks on your page. Here's an example of a landing page split test; the gray line on the bottom is the first page version we were running. The blue line is the second version we ran against it. In the beginning, the new page far outperformed the old. Awesome, right?

Except as you can see, the gains were not long lasting. In fact, the "better" page would eventually plateau. We began running 20 to 30 tests at a time and saw this pattern across our tests. We call this a premature testing dilemma. You see an early lead but shortly down the line, the early lead disappears.
This isn't true all of the time, of course. However, we found that in the majority of cases, small changes like line spacing, font colors, etc. = small gains. If you want big, serious, long-lasting conversion gains, you need to move past these spikes that last only a couple of days or weeks.
Why does this happen? Often, it's because the total volume of conversions you're measuring against are low to start with. If you're looking at 50, 100 or even 200 conversions across your entire test, small changes can seem more impactful than they really are. A couple of conversions might mean a 4% conversion increase if there are only 50 conversions total, because your sample size really isn't big enough to start with.

It's Time to Stop Moving the Chairs Around

When it comes to landing page optimization, you can stay really busy doing small things that have little impact. It's like rearranging deck chairs on the Titanic. We need to move past this mentality to the big tactics and optimizations that will dramatically change your performance and fortune.
First, we need to know:

What is a Good Conversion Rate?

Hint: it's a lot higher than you may think.
Conventional wisdom says that a good conversion rate is somewhere around 2% to 5%. If you're sitting at 2%, an improvement to 4% seems like a massive jump. You doubled your conversion rate! Well, congratulations, but you're still stuck in the average performance bucket.
In this analysis, we started with all accounts we can analyze and went back a period of 3 months. We removed those that didn't have conversion tracking set up properly, those with low conversion volumes (<10 conversions/month), and low volume accounts (<100 clicks/month), leaving hundreds of accounts for our analysis. We then plotted where the accounts fit in terms of conversion rate.

So what is a good conversion rate? About 1/4 of all accounts have less than 1% conversion rates. The median was 2.35%, but the top 25% of accounts have twice that – 5.31% - or greater. Check out the far right red bar – the top 10% of AdWords advertisers have account conversion rates of 11.45%.
Remember, this isn't for individual landing pages – these advertisers are accomplishing 11.45% conversion and higher across their entire account.
Clearly, this isn't some anomaly; this is perfectly attainable. If you're currently getting 5% conversion rates, you're outperforming 75% of advertisers … but you still have a ton of room to grow!

You should be shooting for 10%, 20%, or even higher, putting your conversion rates 3x to 5x higher than the average conversion rate. Aspire to have these landing page conversion rate unicorns in your account.

But Conversion Rates Are Lower in My Industry…

That's entirely possible. We segmented conversion rate data by industry to see whether these insights held true for all marketers. Here's what we found in an analysis of four major industries:

There's a lot of flux there; e-commerce has a far lower average conversion rate, especially compared to finance. However, check out the Top 10% Conversion Rates. They're 3 to 5 times higher than the average for each industry, so we can see that the rule holds across the board, regardless of industry.
The flip side, of course, is that if you're in a high-performer industry like finance, 5% really isn't a fantastic conversion rate. If you're comparing yourself to the average across all industries, you're really deluding yourself into thinking you're doing better than you are. In truth, the top 10% are doing almost five times better.
Even if the average conversion rates are lower in your industry, the top advertisers are outperforming you by 3-5x or more.

The Top 10% of Landing Pages: What Makes Them Tick?

What do these top 10% of landing page unicorns look like and how are they killing the competition the way they are? We went through 1,000 landing pages and performed a qualitative analysis, in order to find the common traits among the best performing advertiser landing pages in the market.
Here are my top five tips to help you reach landing page unicorn status:

1. Change the Offer

Across all of the high-performing landing pages, we saw massively creative and differentiated offers. Companies often have a default offer, their go-to, which may be the same or very similar to what all of their competitors are doing. Lawyers, for example, will offer a free consultation. Software companies will offer a free trial. They're unimaginative and not very creative.
How can you get creative with your offer? In our case, we realized that offering prospects a free trial of WordStream software really wasn't very imaginative or compelling. We had to think outside the box (don't you love that phrase?) and come up with something different and unique; something more tangible and compelling than just sending them to a software trial to find their way around.

What we came up with was our free AdWords Grader, which actually gives people an account evaluation report, with recommendations to help them improve their AdWords strategy. This was a HUGE turning point for us. Prospects loved it and conversions went through the roof.
So how do you know if your offer stinks? If your conversion rate is stuck at 2% or lower, you're not there yet. But the real way we figured out how our offer stunk was by asking our customers. We added one form field on our landing page form to ask people what they wanted our help with – and it wasn't a free software trial.
Brainstorm, ask your customers, and come up with more unique offers to test. You'll never know which one is the winner until you try some new offers out.

2. Change the Flow

Sometimes, you're putting up barriers to conversion without even realizing it.

In the above example, you can see the first landing page version and just how much information people had to provide before they could download the software trial. Clearly, this was too much for many prospects. It was daunting and discouraging – not the kind of user experience you want on your landing page.

Here you can see their new landing page iteration, which turned out to be an exponentially better performer. They've changed the flow so that anyone can download and install the file. At the last step, the user is asked to register the software. At this point, they've already spent 10 or 15 minutes with the software and are far more likely to invest the time in completing the information form.
This was actually so effective that they were overwhelmed with conversions. They ended up backing off slightly and using the registration to find more qualified leads, by asking for the information one week after the download, once their prospects had time to sit and get to know their software. Changing the flow helped them boost conversions, but also manage lead quality in a far more effective way.
Here's another great example, where the advertiser realized their landing page offer didn't necessarily speak to the person who would be performing a search. In their case, a loved one or friend might be seeking help.

This advertiser decided they would let the visitor choose their own flow. This was incredibly effective not only for conversion, but also in segmentation for their remarketing and lead nurturing efforts.
So what's the takeaway here? Find the flow that works best for your prospects and use it to boost conversion rate and qualify your leads.

3. Use Remarketing as a CRO Tool

On average, 96% of the people who visit a website will leave without ever converting to a lead or sale. Remarketing helps you get in front of these people with targeted, relevant messaging as they take part in other activities around the web, like email, watching YouTube videos, using social networks or searching for information.
Check out my post at Moz for a deep dive into this incredibly effective tactic.

4. Try Out 10 Landing Pages to Find 1 Unicorn

Let's talk about effort for a minute. What do you need to put into CRO to find your own unicorn landing pages? To understand this, let's look at the relative abundance of these top performers:

Sometimes you get lucky, but if you want to achieve these top 10% landing pages across your account, you need to replicate the above steps multiple times and perform testing on an ongoing basis.
On average, you should be testing four unique landing pages – with varying offers, flow and messaging – to find that one awesome landing page. If you want to find a unicorn landing page – that top 10% page that sees your conversions reaching 3-5x the average – you need to test at least ten landing pages.
Here, we've analyzed an e-commerce account with 1000 unique landing pages. About a third of traffic goes to the top most-trafficked landing page in their account. When we dig deeper, we see that about 80% of traffic goes to just the top 10% of landing pages.

You don't need to make thousands and thousands of landing pages. You need to find the top performers you already have and focus your efforts there. How can you improve their performance? Cut the fat, stop wasting time on the low performers – in fact, just get rid of them. If you have just one great landing page, it's smarter to focus your efforts there.
Here's more proof that burning the midnight oil creating dozens or hundreds of landing page variations isn't the best use of your time:

Here, we've plotted out tens of thousands of accounts by conversion rate vs unique landing pages. We don't see a strong correlation between increased number of landing pages and increased conversion.
If you're after the top performers, quantity does not necessarily equal quality.

5. F%@# Conversion Rates

Wait, what??

Stay with me here. Higher conversion rates, on their face, seem awesome. However, if you're converting less qualified leads, you're actually throwing MORE money away, because those leads cost you money.
I want you to focus on landing page optimizations like the above that move you in the direction of higher quality, more qualified lead generation, not just more conversions.

Key Takeaways

So what have you taken away from this? I hope you can get the following to stick and use these tips to guide a more holistic, effective conversion rate optimization strategy – the kind that will boost your conversions, but bring better lead quality, as well.

1. Most landing page optimizations are like moving around the deck chairs on the Titanic. Small changes = small gains.
2. Insanely focused and strategic landing page optimization brings 3-5x the conversions AND improves lead quality.
3. In some industries, even 5% conversion rates aren't that impressive. If you're stuck in the 2-5% conversion rate bucket, you have a ton of room to grow.
4. Get creative with your offers and test multiple different offers to find the one that resonates best with your audience. If you want to get really crazy (you know you do), find different offers that can help you qualify leads in the process.
5. Identify the obstacles keeping prospects from converting and get those roadblocks out of the way by changing the flow. Test different variations to find out exactly which path to conversion works best for your audience.
6. Use remarketing to recapture people who showed intent but didn't convert.
7. Test smarter, not more often. You need to test 10 unique landing page variations to find 1 top performer, but this goes far beyond changing a font color and calling it a landing page variation.
8. Trim the fat in your account and ditch your lowest performers. Focus your energies on the top 10% of landing pages that earn 80% of traffic.
9. Always, always keep your eye on the prize, which is making more sales or generating leads most likely to convert to sales. Don't let high conversion rates take precedence over lead quality or you're going to spend more qualifying leads. You need to find the sweet spot where everything works like a well-oiled machine.

You made it! For all the awesome from our recent conversion rate optimization webinar, see the full video below:
If you missed our last webinar, make sure you check out The Secrets Behind Ads with 3x the Average CTR. Our goal is to help you get every aspect of your AdWords account working at peak performance.
Now go forth confidently, young marketer, to slay competitors and wow prospects with your newfound conversion optimization knowledge. Give our free AdWords Grader a spin to see exactly where you're at with your current landing page strategy, then start making smarter changes that will rocket you past your competition.
And as always, if you have any questions about our data, strategy or the tips outlined above, fire away in the comments!

Lenguajes de Programacion Web (Ventajas y Desventajas).

Masters Hackers

Lenguajes de Programacion Web (Ventajas y Desventajas)

21-Oct-2010, 14:28

#1

porter7790 Usuario Adicto porter7790 está desconectado Fecha de Ingreso: 23-September-2010 Mensajes: 229 : 3 For This Post 287 Total Poder de Credibilidad: 246

Lenguajes de Programacion Web (Ventajas y Desventajas) HTML Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html). Sintaxis: Código HTML: <html> (Inicio del documento HTML) <head> ( Cabecera ) </head> <body> ( Cuerpo ) </body> </html> <b> </b> Negrita <p> </p> Definir parrafo <etiqueta> Apertura de la etiqueta </etiqueta> Cierre de la etiqueta Ventajas: · Sencillo que permite describir hipertexto. · Texto presentado de forma estructurada y agradable. · No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG. · Archivos pequeños. · Despliegue rápido. · Lenguaje de fácil aprendizaje. · Lo admiten todos los exploradores. Desventajas: · Lenguaje estático. · La interpretación de cada navegador puede ser diferente. · Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección. · El diseño es más lento. · Las etiquetas son muy limitadas. Javascript Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript. El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento). Sintaxis: Código: Código HTML: <script type="text/javascript"> ... </script> Ventajas: · Lenguaje de scripting seguro y fiable. · Los script tienen capacidades limitadas, por razones de seguridad. · El código Javascript se ejecuta en el cliente. Desventajas: · Código visible por cualquier usuario. Formatted: Font: (Default) Arial · El código debe descargarse completamente. · Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS). PHP Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group. PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión (php). Sintaxis: Código: La sintaxis utilizada para incorporar código PHP es la siguiente: Código HTML: <? $mensaje = “Hola”; echo $mensaje; ?> Tambien puede usarse: Código: <?php $mensaje = “Hola”; echo $mensaje; ?> Ventajas: · Muy fácil de aprender. · Se caracteriza por ser un lenguaje muy rápido. · Soporta en cierta medida la orientación a objeto. Clases y herencia. · Es un lenguaje multiplataforma: Linux, Windows, entre otros. · Capacidad de conexión con la mayoría de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras. · Capacidad de expandir su potencial utilizando módulos. · Posee documentación en su página oficial la cual incluye descripción y ejemplos de cada una de sus funciones. · Es libre, por lo que se presenta como una alternativa de fácil acceso para todos. · Incluye gran cantidad de funciones. · No requiere definición de tipos de variables ni manejo detallado del bajo nivel. Desventajas: · Se necesita instalar un servidor web. · Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser más ineficiente a medida que las solicitudes aumenten de número. · La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP. · La programación orientada a objetos es aún muy deficiente para aplicaciones grandes. · Dificulta la modularización. · Dificulta la organización por capas de la aplicación. Seguridad: PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web en forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza. PHP está diseñado específicamente para ser un lenguaje más seguro para escribir programas CGI que Perl o C, y con la selección correcta de opciones de configuración en tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de programación. ASP Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS). ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp). Sintaxis: Código: Código HTML: <% %> Ventajas: · Usa Visual Basic Script, siendo fácil para los usuarios. · Comunicación óptima con SQL Server. · Soporta el lenguaje JScript (Javascript de Microsoft). Desventajas: · Código desorganizado. · Se necesita escribir mucho código para realizar funciones sencillas. · Tecnología propietaria. · Hospedaje de sitios web costosos. ASP.NET: Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET. El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx). Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones anteriores. Ventajas: · Completamente orientado a objetos. · Controles de usuario y personalizados. · División entre la capa de aplicación o diseño y el código. · Facilita el mantenimiento de grandes aplicaciones. · Incremento de velocidad de respuesta del servidor. · Mayor velocidad. · Mayor seguridad. Desventajas: · Mayor consumo de recursos. JSP Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages. Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor. JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat. Sintaxis: Código: Código HTML: <%= new java.util.Date() %> Caracteristicas: · Código separado de la lógica del programa. · Las páginas son compiladas en la primera petición. · Permite separar la parte dinámica de la estática en las páginas web. · Los archivos se encuentran con la extensión (jsp). · El código JSP puede ser incrustado en código HTML. Elementos de JSP: Los elementos que pueden ser insertados en las páginas JSP son los siguientes: · Código: se puede incrustar código “Java”. · Directivas: permite controlar parámetros del servlet. · Acciones: permite alterar el flujo normal de ejecución de una página. Ventajas: · Ejecución rápida del servlets. · Crear páginas del lado del servidor. · Multiplataforma. · Código bien estructurado. · Integridad con los módulos de Java. · La parte dinámica está escrita en Java. · Permite la utilización se servlets. Desventajas: · Complejidad de aprendizaje. Python: Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web. Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular: · Programación orientada a objetos. · Programación estructurada. · Programación funcional. · Programación orientada a aspectos. · Sintaxis: Ejemplo de una clase en Phyton: Código: Código HTML: def dibujar_muneco(opcion): if opcion == 1: C.create_line(580, 150, 580, 320, width=4, fill="blue") C.create_oval(510, 150, 560, 200, width=2, fill='PeachPuff') Ventajas: · Libre y fuente abierta. · Lenguaje de propósito general. · Gran cantidad de funciones y librerías. · Sencillo y rápido de programar. · Multiplataforma. · Licencia de código abierto (Opensource). · Orientado a Objetos. · Portable. Desventajas: · Lentitud por ser un lenguaje interpretado. Ruby Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre (Opensource). Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y cursos en español. Sintaxis: Código: Código HTML: puts "hola" Caracteristicas: · Existe diferencia entre mayúsculas y minúsculas. · Múltiples expresiones por líneas, separadas por punto y coma “;”. · Dispone de manejo de excepciones. · Ruby puede cargar librerías de extensiones dinámicamente si el (Sistema Operativo) lo permite. · Portátil. Ventajas: · Permite desarrollar soluciones a bajo Costo. · Software libre. · Multiplataforma.

Los diferentes lenguajes de programación para la web

Publicado en noviembre 2, 2007 134 comentarios

Actualmente existen diferentes lenguajes de programación para desarrollar en la web, estos han ido surgiendo debido a las tendencias y necesidades de las plataformas. En el presente artículo pretende mostrar las ventajas y desventajas de los lenguajes más conocidos.
Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio lugar a desarrollar lenguajes de programación para la web dinámicos, que permitieran interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación daremos una introducción a los diferentes lenguajes de programación para la web.

Lenguaje HTML

Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).

Sintaxis:

<html> (Inicio del documento HTML)
<head>
( Cabecera )
</head>
<body>
( Cuerpo )
</body>
</html>

<b>  </b> Negrita
<p>  </p> Definir parrafo
<etiqueta> Apertura de la etiqueta
</etiqueta> Cierre de la etiqueta

Ventajas:

• Sencillo que permite describir hipertexto.
• Texto presentado de forma estructurada y agradable.
• No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.
• Archivos pequeños.
• Despliegue rápido.
• Lenguaje de fácil aprendizaje.
• Lo admiten todos los exploradores.

Desventajas:

• Lenguaje estático.
• La interpretación de cada navegador puede ser diferente.
• Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.
• El diseño es más lento.
• Las etiquetas son muy limitadas.

Lenguaje Javascript

Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.
El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).

Sintaxis:

<script type="text/javascript"> ... </script>

Ventajas:

• Lenguaje de scripting seguro y fiable.
• Los script tienen capacidades limitadas, por razones de seguridad.
• El código Javascript se ejecuta en el cliente.

Desventajas:

• Código visible por cualquier usuario.
• El código debe descargarse completamente.
• Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS).

Lenguaje PHP

Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión (php).

Sintaxis:

La sintaxis utilizada para incorporar código PHP es la siguiente:
<? 
$mensaje = “Hola”; 
echo $mensaje;
?>

También puede usarse:

<?php 
$mensaje = “Hola”; 
echo $mensaje;
?>

Ventajas:

• Muy fácil de aprender.
• Se caracteriza por ser un lenguaje muy rápido.
• Soporta en cierta medida la orientación a objeto. Clases y herencia.
• Es un lenguaje multiplataforma: Linux, Windows, entre otros.
• Capacidad de conexión con la mayoría de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.
• Capacidad de expandir su potencial utilizando módulos.
• Posee documentación en su página oficial la cual incluye descripción y ejemplos de cada una de sus funciones.
• Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
• Incluye gran cantidad de funciones.
• No requiere definición de tipos de variables ni manejo detallado del bajo nivel.

Desventajas:

• Se necesita instalar un servidor web.
• Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser más ineficiente a medida que las solicitudes aumenten de número.
• La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP.
• La programación orientada a objetos es aún muy deficiente para aplicaciones grandes.
• Dificulta la modularización.
• Dificulta la organización por capas de la aplicación.

Seguridad:

PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web en forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza.
PHP está diseñado específicamente para ser un lenguaje más seguro para escribir programas CGI que Perl o C, y con la selección correcta de opciones de configuración en tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de programación.

Lenguaje ASP

Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).
ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp).

Sintaxis:

<%  %>

Ventajas:

• Usa Visual Basic Script, siendo fácil para los usuarios.
• Comunicación óptima con SQL Server.
• Soporta el lenguaje JScript (Javascript de Microsoft).

Desventajas:

• Código desorganizado.
• Se necesita escribir mucho código para realizar funciones sencillas.
• Tecnología propietaria.
• Hospedaje de sitios web costosos.

Lenguaje ASP.NET

Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET.
El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx). Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones anteriores.

Sintaxis:

Ventajas:

• Completamente orientado a objetos.
• Controles de usuario y personalizados.
• División entre la capa de aplicación o diseño y el código.
• Facilita el mantenimiento de grandes aplicaciones.
• Incremento de velocidad de respuesta del servidor.
• Mayor velocidad.
• Mayor seguridad.

Desventajas:

• Mayor consumo de recursos.

Lenguaje JSP

Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages. Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor.
JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat.

Sintaxis:

<%= new java.util.Date() %>

Características:

• Código separado de la lógica del programa.
• Las páginas son compiladas en la primera petición.
• Permite separar la parte dinámica de la estática en las páginas web.
• Los archivos se encuentran con la extensión (jsp).
• El código JSP puede ser incrustado en código HTML.

Elementos de JSP

Los elementos que pueden ser insertados en las páginas JSP son los siguientes:

• Código: se puede incrustar código “Java”.
• Directivas: permite controlar parámetros del servlet.
• Acciones: permite alterar el flujo normal de ejecución de una página.

Ventajas:

• Ejecución rápida del servlets.
• Crear páginas del lado del servidor.
• Multiplataforma.
• Código bien estructurado.
• Integridad con los módulos de Java.
• La parte dinámica está escrita en Java.
• Permite la utilización se servlets.

Desventajas:

• Complejidad de aprendizaje.

Lenguaje Python

Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web.
Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular:

• Programación orientada a objetos.
• Programación estructurada.
• Programación funcional.
• Programación orientada a aspectos.

Sintaxis:

Ejemplo de una clase en Phyton:

def dibujar_muneco(opcion):
    if opcion == 1:
        C.create_line(580, 150, 580, 320, width=4, fill="blue")
        C.create_oval(510, 150, 560, 200, width=2, fill='PeachPuff')

Ventajas:

• Libre y fuente abierta.
• Lenguaje de propósito general.
• Gran cantidad de funciones y librerías.
• Sencillo y rápido de programar.
• Multiplataforma.
• Licencia de código abierto (Opensource).
• Orientado a Objetos.
• Portable.

Desventajas:

• Lentitud por ser un lenguaje interpretado.

Lenguaje Ruby

Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre (Opensource).
Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y cursos en español.

Sintaxis:

puts "hola"

Características:

• Existe diferencia entre mayúsculas y minúsculas.
• Múltiples expresiones por líneas, separadas por punto y coma “;”.
• Dispone de manejo de excepciones.
• Ruby puede cargar librerías de extensiones dinámicamente si el (Sistema Operativo) lo permite.
• Portátil.

Ventajas:

• Permite desarrollar soluciones a bajo Costo.
• Software libre.
• Multiplataforma.

Los invitamos a conocer nuestras categorías sobre: Ajax, ASP, Bases de Datos, CSS, Javascript, Perl/CGI, PHP, RubyonRails, XHTML y XML para aprender más sobre los diferentes lenguajes de programación para la web.

Damián Pérez Valdés

Webmaster, Administrador de Sistemas, con experiencia en desarrollo web y de aplicaciones.

Síguenos en @maestros Fan page

What are the Web standards CSS and XHTML?

What are the Web standards CSS and XHTML?

Answer: CSS stands for "Cascading Style Sheets," which are documents that explain how HTML pages should be displayed. For example, a style sheet named "mystyle.css" may be referenced in the header of an HTML page "index.html." The CSS document might say that all text should have the Verdana font and be 12pt in size and that all links should be green and underlined. Style sheets are a great way for Web developers to provide uniform text and page formatting across large websites.
XHTML is a newer version of HTML that is reformulated in XML and is compatible with XML-based programs. It is a more strict specification than HTML, meaning more errors will be generated if the code isn't written correctly. This is because XML is a more strict language than HTML.
For more information about CSS and XHTML, visit the World Wide Consortium website.

Entered: January 22, 2005 – by Per Christensson