<h1>Texto del logo + a veces eslogan</h1>

<style>
                 h1
                     {
                        background: url("myimage") 0 0 no-repeat;
                         text-indent: -9999px;
                       }
</style>

Se acabó. Zeldman ha bautizado el nuevo método  que ya uso* y recomiendo con

“The Kellum Method”

El código es limpio, fácil y perfecto siempre que necesitamos que las imágenes de los logos se adapten (por cierto, ¿se habrá inventado ya algún sustituto para responsive design y media queries en castellano?).  No lo voy a usar para los H2,H3 etc, para eso ya tenemos las APIs y webkit.

#replace

 {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 }

* en todas las webs nuevas  

El 13 de Marzo pasado celebramos el 20 aniversario de la web, por lo que es especialmente significativa la presencia de los investigadores y expertos más relevantes que se esfuerzan por una web universalmente accesible que ofrezca en el futuro el mejor uso de los datos.

Sir Tim Berners-Lee y  Vinton Cerf acudirán como personalidades destacadas, y serán investidos con el título de Doctor Honoris Causa por la Universidad Politécnica de Madrid.

Los 105 ponentes anunciados, las mesas redondas, con la participación de los mencionados, a cuyo entusiasmo debemos tanto, los seminarios y talleres girarán en torno al acceso universal y multiplataforma a Internet, sobre el tratamiento de datos, la televisión interactiva, las comunidades sociales en Internet y los sistemas de reputación y confianza.

URL: http://www.www2009.org

A partir de aquí se empieza a producir un enorme sentimiento de vergüenza ajena.

A primera vista, la web http://www.www2009.org contiene infinidad de errores.

Su estructura, diseño y desarrollo son contrarios a las buenas prácticas y, lo que es peor, a los mínimos requisitos de los estándares por los que tanto trabajan en World Wide Web Consortium que lidera precisamente el futuro Doctor Honoris Causa de la Politécnica, Tim Berners-Lee, el padre de internet, como sabemos todos,  y el motor de la web semántica y de datos, la web 3.0.

EL DISEÑO

La cabecera de la web, rebuscada, extraña y, en definitiva, a mi modo de ver increíblemente fea, debe de ofender a los excelentes diseñadores que hay en este país.

Admito que la sensibilidad estética es completamente subjetiva. Además, soy de los que creen que los contenidos son lo único verdaderamente importante y que lo es más aún que todos puedan acceder a ellos, sin tener en cuenta los medios técnicos y la capacidad individual.

EL CÓDIGO

Miro el código fuente y es un insulto a los buenos desarrolladores españoles: variables sin definir, declaraciones rechazadas, DOCTYPE 4.1 Transitional , metatags obsoletos y otros que faltan, reglas de CSS ignoradas debido a selectores incorrectos, referencias URI formadas incorrectamente – en fin, todo contra lo que lucha intensamente, el invitado de honor y una inmensa comunidad de profesionales honestos también en España.

LOS ESTÁNDARES

El pie de página de www2009.org, sin embargo, muestra los sellos de TAW y de W3C, como si estuviera desarrollada conforme a los estándares.

• El sello W3C no se debería mostrar en las páginas que contienen errores. Entre otros males, como ser el freno del desarrollo, en la práctica los errores ralentizan la web, no muestran las páginas correctamente o no permiten acceder al contenido en absoluto.

La web NO pasa la prueba. Sólo 2 errores y 2 advertencias, pero eso equivale en un evento como este, traer a los invitados a una casa sucia y darles de cenar alqo incomestible.

• El sello TAW-AA mide las Pautas de Accesibilidad para Contenido Web WCAG 1.0 AA. Puede mostrarlo el sitio que cumple todos los puntos de verificación de prioridad 1 y 2.

No es el caso de www.www2009.org que tiene nada menos que 109 errores prioridad 1 y 207 advertencias de prioridad 2.

A eso se le  llama engañar.

Ver anexo con los datos del análisis realizado a las 16 horas, 21/4/2009

Web: http://www.tawdis.net/taw3/online y web http://validator.w3org.

Lo siguiente que hago es ir a mirar quién es el responsable de este despropósito. Está al pie, con los creditos a http://www.pacifico-meetings.com.  Salvo que se demuestre lo contrario, una empresa de esas que aprovechando que el Pisuerga pasa por… ‘también hace páginas web’.  No puedo más,  que cada uno saque sus propias conclusiones.

With proper communications, the SEO or online marketing agency can advise the client on the cost/benefit of incorporating SEO during the site re-design or after. I can assure you, it is much more expensive if done after.
Mockups, wire frames and site maps for the new site should be shared with the SEO team so recommendations can be made from the start. As the new site is designed, the site structure, content management system, categorization and category labels, internal links, text content, media (images, videos, audio, interactive), navigation and meta data can all be considered for SEO implications as well as usability, branding and maintenance.
The impact of external links to pages on the site are considered as well so redirects that are both user and search engine friendly can be planned.
Not including the SEO consultant during the site re-design can result in the scenario above where all the “equity” of on-page site optimization is lost. Having to make major changes to a content management system is not cheap. Taking SEO into account from the start can save a company substantial costs and better enable the site to generate revenue more quickly after the new site is launched.
When a company does have the foresight to take usability, branding, maintenance AND SEO into account, all the relevant audiences and users of the site can be accommodated: prospects, content managers and search engines.
The process to facilitate SEO for a site redesign or change in content management system calls for a migration plan. In a migration plan, all the web site’s current content and digital assets are inventoried and a matrix of old to new is created. For each change, dependencies are noted as well as what actions must be taken to make the transition smooth for all audiences. Naming conventions for categories, link URLs and anchor text are considered.
If the site changes URLs, ex webpage.htm to webpage-keyword.aspx then a system of 301 redirects must be put in place. Looking at web analytics to see what external link sources drive the most referral traffic is also important so measures can be taken to ensure as smooth an experience for consumers clicking on those links to be delivered to the right content as possible.
Content optimization training of content managers and producers that is specific to the new content management system can be very helpful to empower the site owner in producing continued search friendly web pages. Informing PR, marketing and sales about external web sites that link to outdated URLs can help the effort towards having other web sites change their links over to the new web pages.
An updated HTML (web page) site map can help search engines find the new content. Providing search engines with a XML sitemap can also facilitate the natural crawl of new content.
After the new site goes live, close attention is paid to crawls of the new content and any effects. Patience is a virtue in these situations.
When there are major changes to a web site’s design, content and URL structure, there is no avoiding an effect in search visibility 100%. However, if the SEO professional is involved from the start, key insights can be incorporated into the overall process, mitigating major ill effects both in terms of avoiding short term costs for redeveloping content management systems and long term effects from uncrawlable content, lost links and lost traffic.
Comments
About the Author:
Lee Odden is President and Founder of TopRank Online Marketing, specializing in organic SEO, blog marketing and online public relations. He’s been cited as a search marketing expert by publications including U.S. News & World Report and The Economist and has implemented successful search marketing programs with top BtoB companies of all sizes. Odden shares his marketing expertise at Online Marketing Blog offering daily news, interviews and best practices.

‘The Close’ Is Always Found In ‘The Why’
Certainly part of the problem stems from a very narrow
definition of what a website is: by casting your site in terms
of a brochure, catalog, e-commerce-site, blog, or portal, you
are falling into the trap of concentrating on ‘The What’
rather than on ‘The Why’.
This focus on ‘The What’ is exacerbated by some search engine
optimization techniques intended to drive traffic, not to brand
product, sell services, or convert traffic into customers.
Don’t get me wrong, traffic is important, but converting that
traffic into paying customers is more important. Even the best
and brightest search engine optimizers will tell you that their
job is to deliver traffic not orders – closing the deal is your
job, and anybody who tells you that closing can be done by means
of some automatic never-touched-by-human-hands method is just
plain nuts.
What you want to be careful of is search engine tactics and
second rate media that actually gets in the way of effectively
delivering your marketing message, of telling your business
story, of creating a memorable brand image, and above all of
generating profitable business clients.
Web-Video is a Presentation Marketing Strategy
If you pay any attention to what’s going on, you must be aware
of the shift in Web-thinking and the acceptance of Web-video as
a fundamental Web-marketing tool. But like most things, there is
a right way and a whole bunch of wrong ways to do it.
Web-video is a presentation marketing strategy thats strength
and power comes from its ability to overcome the Web’s natural
sterile, isolationist environment, by incorporating verbal and
non-verbal human elements that effectively deliver bold,
well-crafted memorable messages. Can a Web-video campaign cure
everything that’s wrong with your company, or even your sales
departments deficiencies? Of course not, but the right message
based on ‘The Why’ using appropriate cost effective
presentation techniques can position your business, brand your
product, and generate sales leads.
Don’t fool yourself: you and your sales staff have to close the
sale. Do not expect to sit back and count your profits while
your website runs your business by default. Automatic pilot may
work for sites that sell commodity items and nationally branded
merchandise backed by millions of dollars of advertising, but
unless you fall into that category, it’s time to get real.
A New Web Paradigm
Here’s a new way of looking at your website and if you ‘get
it’ you will be able to refashion your site and reinvent your
business in a way that gets you remembered and initiates action
by your target market:
Start thinking of your website as a stage and all the content on
it as players you direct in order to deliver your message and
tell your story in a memorable manner to a relevant audience.
So let’s breakdown this Web-presentation model and analyze how
it meets your marketing needs.
Your Website Is a Stage
Businesses who want to use their websites as a marketing vehicle
have to get past thinking of them in terms of merely digital
print media.
Just as damaging is the over-reliance on search optimization or
IT technical solutions that have little or no relationship to
marketing’s primary goal of delivering a memorable message that
initiates action on the part of the audience.
Knowing the age, sex and hat size of the last ten thousand
visitors to your site may impress some, but reams of statistical
information on your visitors doesn’t necessarily mean you know
what that data means or how to use it effectively. In the same
vein, tons of traffic generated by the latest SEO manipulation
doesn’t necessarily translate into business.
Start thinking of your website as a stage, a presentation and
performance platform that allows your company to present your
message to your audience in an entertaining, informative, and
memorable manner.
Tell Your Story In A Memorable Manner
There are many ways to present what you do and why your audience
should care, but the most effective way is to deliver that
information in a story format. When people come to your website
they are putting you on trial, judging everything thing you
present to see if it is relevant, convincing, and if it
resonates with their needs.
The article, “Evidence Evaluation in complex decision making,”
in the ‘Journal of Personality and Social Psychology,’ by
Pennington and Hastie explains when prosecutors tell their
version of events to a jury in story-format they are able to
achieve a 78% conviction rate, whereas lawyers who do not use a
story-format to communicate to juries only get a 31% guilty
rate. When visitors come to your website they are putting you on
trial for your Web-business life.
Memorable Communication is All About the Performance
Effective communication begins with the campaign concept. If you
don’t have a well-defined, focused concept that deals with
‘the why anybody should care factor’, your communication will
be muddy and irrelevant. Far too many marketing campaigns try to
do too much, and in an effort to get your money’s worth say
everything and anything that comes to mind. Unfortunately, all
you’re really doing is confusing people and your core message
never gets heard, let alone understood or remembered.
You need professional presenters who know how to use both verbal
and non-verbal performance to get your message across, and of
course you’ve got to give the presenters a script that is well
written, entertaining, and informative.
Professional actors and voice-over talent bring infinite
subtlety, nuance, and meaning to cleverly written scripts. Add
sound effects, custom signature music and a few post-production
enhancements and you have a memorable presentation.
What you don’t need is complicated sets, props, and locations
that increase the cost of production. The Web is not television,
and there is no need to absorb inflated expenses based on ad
agency cost-plus-pricing fees that bare little relation to
effectiveness.
Expensive movie-style productions are just not necessary and
lose their impact when delivered in relatively small
Web-friendly formats that need to be easily integrated with
additional collateral material used to present more details and
to answer frequently asked questions.
Last But Not Least
We can learn a lot from children, not the least of which is
their relentless quest for the answer to ‘The Why’ of things.
We often forget that this is the central issue in our lives, and
it is only after we’ve been told by parents, teachers, bosses
and numerous other authority figures to shut-up and do what
we’re told, that we sublimate this need and replace it with the
far less meaningful and convincing ‘What.’
But if we as marketers can put our faith in delivering ‘The
Why’ using the most people-friendly techniques of verbal and
non-verbal digital communication, then we will have learned how
to present a convincing memorable Web-marketing presentation.
================================================================
Jerry Bader is Senior Partner at MRPwebmedia.
Visit http://www.mrpwebmedia.com/ads, http://www.136words.com,
and http://www.sonicpersonality.com.

Cosmetically, things don’t look all that different to IE7, but under the bonnet — where most of our nightmares originate — the IE dev team seems to have set some pretty ambitious goals.
To me, the most important stuff includes:
* fixes to long-standing rendering bugs, including most notably the double margin bug and skittish CSS floats
* support for generated content
* support for more pseudo class (i.e. :after, :before and :focus) and support for the outline property
* much improved development tools, including a built-in, souped-up version of the IE Developer Toolbar that rivals Firebug’s feature set
* a much more standardized Document Object Model (DOM), which means you won’t need to write IE-specific JavaScript to make IE8 sing and dance
* the introduction of CSS table-layout support allowing you to take some of the more robust layout qualities of tables (i.e. self-equalizing columns) and apply them directly to clean, sensible markup (Kev has written a great piece on this if you haven’t already seen it.)
On the not so positive side:
* Yes, IE8 another variable for us to contend with, inevitably complicating the development process that little bit more.
* This beta seems to render significantly differently from IE7 and the other mainstream browsers.
To be fair on the rendering issues, this is the first beta, so it would be silly to believe the rendering engine won’t change before the full release. In short, by all means test your sites in it now, but hold your fire on any IE8-specific hacks — for now at least — as they will likely be unnecessary by the time the official release candidate hits the ground.
On a similar note, it’s probably not wise to install this browser on any critical system at the moment, as it will automatically and permanently overwrite any IE6 and IE7 installs. That would be a brave course to take with a potentially unstable beta.
However, if you’re keen to have a play, Microsoft has released a version of IE8 embedded in a virtual hard disk image (VHD) that can be run via Virtual PC. Microsoft offers both of these downloads for free, allowing you to freely test the beta while keeping it safely isolated from the rest of your system.
This VHD beta will time out in July 2008, at which point you’ll need to download an updated image.
If you haven’t used a VHD before (and a few readers have asked about it), I’ll run you through the set up process below.
However, before we start, think twice about doing this if your system is lacking either reasonable grunt or good bandwidth access, as you’ll need plenty of both to first download the VHD file (a 430+MB file that decompresses to almost 1.4Gig), and then to efficiently run it under Virtual PC.
1. Download and install Virtual PC (30.4 MB).
2. Download and run the IE8 Virtual Hard Disk file here (IE8_VPC.EXE) — this will auto-extract your VHD to a folder (along with a couple of text files).
3. Launch Virtual PC and click ‘New…’ to start the New Virtual Machine Wizard.
4. Select the second option, ‘Use default settings to create a virtual machine’ and click ‘Next’.
5. Give your new virtual machine a name — ‘IE8′ seems sensible enough — and hit ‘Next’.
6. VPC settingsHit ‘Finish’. This will automatically create a new directory called ‘IE8′ (or whatever else you named it) with a new configurations file inside it called ‘IE8.vmc’.
7. A ‘Settings’ dialog box should now open automatically. ‘Select Hard Disk 1′, and switch the ‘None’ radio button to ‘Virtual hard disk file:’
8. Browse and select the VHD file you extracted earlier, then press ‘OK’.
9. VPC consoleYour Virtual PC console should now list a new Virtual Hard Disk. Select it and hit ‘Start’.
10. Voila! After a few seconds you should be have a standalone window running XP and the IE8 beta.
The first time I ran this VHD, the system needed to do some housekeeping, and asked me to restart it, but from then on it’s been hassle-free. Of course, when you’ve had enough, use the console to shut it down.
IE8 in virtual PC
So, take it for a spin and let me know what you think. It goes without saying that it’s going to be a quite a while before IE8 is a factor in our day-to-day development thoughts. However, though it wasn’t obvious at the time, looking back now it seems that it was IE7 that delivered the final killer blow to IE5.
If IE8 can help speed IE6 towards the door, we will all be happier little web monkeys. Oh, happy day!
fuente: Web Tech Blog: Technically Speaking
by Kevin Yank

7