10 things you can do to improve your Web site right now 10 choses que vous pouvez faire pour améliorer votre site Web immédiatement

By Justin James Par Justin James

August 11, 2011, 6:31 AM PDT 11 août 2011, 06:31 PDT

Takeaway: Even if you don't have the time or resources for a full-blown site redesign, you can make some small, easily implemented tweaks that will have a huge impact. Emporter: Même si vous n'avez pas le temps ou les ressources pour une refonte du site à part entière, vous pouvez faire quelques petits réglages facilement mises en œuvre qui auront un impact énorme.

We often look at our Web sites and know that they need to be overhauled, but we just do not have the time to do it. Nous attendons souvent à nos sites Web et nous savons qu'ils ont besoin d'être révisé, mais nous n'avons tout simplement pas le temps de le faire.

A major Web site redesign project can takes weeks or months (depending on the size of your site and the technology underneath it) to complete. Un projet de refonte du site Web majeur peut prendre des semaines ou des mois (en fonction de la taille de votre site et de la technologie dessous) pour terminer.

Meanwhile, your site is turning away visitors right now. Pendant ce temps, votre site se détourne visiteurs en ce moment.

Here are 10 easy things that you can do to improve your site. Voici 10 choses faciles que vous pouvez faire pour améliorer votre site.

1: Make your contact information more prominent 1: Assurez vos informations de contact plus importante

1: Make your contact information more prominent

1: Make your contact information more prominent

Most companies' sites need to sell products, services, and so on. Les sites de la plupart des entreprises ont besoin de vendre des produits, des services, et ainsi de suite.

By making your contact information easier to find, you raise trust and allow visitors to initiate the sales process more easily. En facilitant vos coordonnées à trouver, vous augmentez la confiance et permettre aux visiteurs d'initier le processus de vente plus facilement.

If you have a phone number you want customers calling, it should be in large letters, at the top of every page. Si vous avez un numéro de téléphone que vous voulez que les clients appellent, il devrait être en gros caractères, en haut de chaque page.

If you have a “Contact Us” page, it should be one of the most obvious links on every page. Si vous avez un «Contactez-nous», il devrait être l'un des liens les plus évidents sur chaque page.

2: Don’t mix HTTP and HTTPS 2: Ne pas mélanger HTTP et HTTPS

2: Don’t mix HTTP and HTTPS

2: Don’t mix HTTP and HTTPS

Mixing HTTP and HTTPS elements on pages can lead to annoying security warnings and incomplete page rendering. Mélange HTTP et HTTPS éléments sur les pages peuvent conduire à des avertissements de sécurité ennuyeux et la page incomplète rendu.

Using relative links throughout the page's HTML, and having your AJAX calls detect what protocol to use, will ensure that all content comes through the right channel, eliminating those problems. Utiliser les liens relatifs à travers le code HTML de la page, et avoir vos appels AJAX détectent ce protocole à utiliser, fera en sorte que tout le contenu vient à travers le canal de droite, éliminant ces problèmes.

3: Add better analysis 3: Ajoutez une meilleure analyse

3: Add better analysis

3: Add better analysis

It takes only a few minutes to add Google Analytics to your site, which will help you get a long-term idea of your search engine situation and what pages users have problems on and will highlight all sorts of other information. Il ne faut que quelques minutes pour ajouter Google Analytics sur votre site, ce qui vous aidera à obtenir une idée à long terme de la situation de votre moteur de recherche et ce que les utilisateurs de pages ont des problèmes sur et mettra en évidence toutes sortes d'autres informations.

If you have a Web application, newcomer Totango (currently in a public beta) provides similar instrumentation specific to application events, and it is also easy to add to your application. Si vous avez une application Web, nouveau venu Totango (actuellement en version bêta publique) fournit instrumentation spécifique similaire aux événements d'application, et il est également facile d'ajouter à votre application.

4: Create print-specific CSS styles 4: Créer des styles CSS d'impression spécifiques

4: Create print-specific CSS styles

4: Create print-specific CSS styles

Don't you just hate it when you print a Web page, and the page is mostly whitespace and navigation? Ne vous déteste quand vous imprimez une page Web, et la page est principalement blancs et de la navigation?

What looks good on a monitor in landscape orientation usually does not work so great on the printed page. Ce qui semble bon sur un écran en orientation paysage ne fonctionne généralement pas si grande sur la page imprimée.

Luckily, CSS allows you to define (or override) styles based on the type of device viewing it. Heureusement, CSS vous permet de définir des styles (ou remplacement) en fonction du type de dispositif de visualisation il.

Creating some print-specific styles is easy, I've found that just omitting the navigation, banners, footers, etc., and making it consume the full width of the page can do a lot, and it takes only a few minutes. Créer des styles d'impression spécifiques est facile, j'ai trouvé que tout en omettant la navigation, des bannières, des pieds de page, etc, et d'en faire consommer toute la largeur de la page peut faire beaucoup de choses, et il ne prend que quelques minutes.

While you are there, make another set of changes for mobile browsers that resizes and repositions elements to fit mobile devices better. Pendant que vous y êtes, faites une autre série de changements pour les navigateurs mobiles qui redimensionne et les éléments de repositionne pour s'adapter à des appareils mobiles mieux.

It may not be as good as a mobile-specific site, but it takes a lot less time, and anything is better than nothing. Il peut ne pas être aussi bon que d'un site mobile spécifique, mais cela prend beaucoup moins de temps, et tout ce qui est mieux que rien.

5: Make sharing better with image_src 5: Faire un meilleur partage avec image_src

5: Make sharing better with image_src

5: Make sharing better with image_src

Ever wonder how some sites get their logo or just the right image to show up automatically when you share a page on Facebook and other sites? Vous vous demandez comment certains sites obtiennent leur logo ou juste la bonne image pour apparaître automatiquement lorsque vous partagez une page sur Facebook et d'autres sites?

That’s done with the image_src item. C'est chose faite avec l'article image_src.

This simple 30-second change gives you much better control over how your company looks on social networks and makes it easy for people to spread the word about you. Ce 30-second simple changement vous donne un meilleur contrôle sur la façon dont votre entreprise est sur les réseaux sociaux et il est facile pour les gens à passer le mot sur vous.

6: Ditch the dead weight 6: Ditch le poids mort

6: Ditch the dead weight

6: Ditch the dead weight

It's easy for a site to accumulate a lot of extra junk over time, especially things like references to JavaScript that is no longer being used. Il est facile pour un site d'accumuler beaucoup d'ordure supplémentaire au fil du temps, surtout des choses comme des références à JavaScript qui ne sont plus utilisés.

Audit your site and see what is being included that is not actually needed — and get rid of it. Audit de votre site et de voir ce qui est inclus qui n'est pas réellement nécessaire - et se débarrasser de lui.

Your page load speeds will improve and users will be happier. Vos pages vitesses de chargement seront améliorés et les utilisateurs seront plus heureux.

7: Use alt text 7: Utilisation du texte alt

7: Use alt text

7: Use alt text

This one has been mentioned so many times by others, yet Web designers and developers still fail to heed it. Celui-ci a été mentionné à maintes reprises par d'autres, mais les concepteurs et les développeurs Web échouer encore d'en tenir compte.

Putting alt text on your images does more than give a useful tooltip, it allows search engines and disabled users to make sense of your site. Mettre le texte alt sur les images ne plus donner une info-bulle utile, il permet aux moteurs de recherche et les utilisateurs handicapés à donner un sens à votre site.

Adding the alt tags takes very little time, and a number of tools will even identify images without it for you. En ajoutant les balises alt prend très peu de temps, et un certain nombre d'outils sera même identifier les images sans elle pour vous.

8: Write for your audience, not your c-level execs 8: écrire pour votre auditoire, et non votre execs c niveau

8: Write for your audience, not your c-level execs

8: Write for your audience, not your c-level execs

Take a look at the wording on a lot of sites, and they seem more like the “new employee handbook” than something designed to attract customers. Jetez un oeil à la rédaction d'un grand nombre de sites, et ils semblent plus comme le «manuel de l'employé nouvelle» que quelque chose conçu pour attirer les clients.

The problem is usually caused by management teams who are trying to convey a corporate message (often using a lot of jargon that means something to employees but not to customers). Le problème est généralement causé par des équipes de gestion qui essaient de faire passer un message de l'entreprise (souvent avec beaucoup de jargon qui signifie quelque chose pour les employés, mais pas pour les clients).

Site visitors don’t care about that message. Les visiteurs du site ne se soucient pas ce message.

Put yourself in the customers' shoes, and reword your content so it speaks their language, not yours, and you will see people sticking around longer. Mettez vous dans la peau du client, et reformuler votre contenu afin qu'il parle leur langue, pas la vôtre, et vous verrez les gens s'en tenir plus longtemps.

You may even get some search engine benefits too. Vous pouvez même obtenir certains avantages des moteurs de recherche aussi.

9: Get the content out of PDFs and into HTML 9: Obtenez le contenu de fichiers PDF et en HTML

9: Get the content out of PDFs and into HTML

9: Get the content out of PDFs and into HTML

Many times, we're fed a bunch of content for the site in PDF format (or as Word documents). Plusieurs fois, nous sommes nourris avec un tas de contenu pour le site en format PDF (ou que les documents Word).

Whether it be through a lack of time or some mandate from someone, the content goes onto the site as-is. Que ce soit par manque de temps ou d'un mandat d'une personne, le contenu va sur le site en l'état.

Unless there is a compelling reason to keep the content in those formats, you should take the time to get them into HTML pages instead. Sauf s'il ya une raison impérieuse de maintenir le contenu de ces formats, vous devriez prendre le temps de les amener dans des pages HTML à la place.

My experience has been that most visitors really dislike Acrobat or Word popping open or a file downloading unless it is absolutely necessary. Mon expérience a été que la plupart des visiteurs vraiment n'aiment pas Acrobat ou Word éclater ouvert ou un téléchargement de fichiers sauf si c'est absolument nécessaire.

10: Remember that silence is golden 10: N'oubliez pas que le silence est d'or

10: Remember that silence is golden

10: Remember that silence is golden

If there is one thing that will drive users off your site quickly, it's a page that makes noise without their consent. Si il ya une chose qui va conduire les utilisateurs de votre site rapidement, c'est une page qui fait du bruit sans leur consentement.

All videos should either be muted by default or should require a deliberate user action to start playing. Toutes les vidéos doivent être soit désactivé par défaut ou devraient exiger une action de l'utilisateur délibérée de commencer à jouer.

Do spot checks of any advertisements on your site to make sure that they aren't playing videos with the sound on by default as well. Effectuer des vérifications ponctuelles de toute publicité sur votre site afin de s'assurer qu'ils ne sont pas la lecture de vidéos avec le son par défaut ainsi.

Users remember which sites surprised them with a barrage of noise, especially if it happened at the workplace or some other embarrassing moment, and avoid them like the plague. Les utilisateurs se souviennent les sites qui les a surpris avec un barrage de bruit, surtout si c'est arrivé au poste de travail ou un autre moment embarrassant, et de les éviter comme la peste.

Additional resources Des ressources supplémentaires

• This is why your website sucks

• C'est pourquoi votre site web suce

• 10 things that will annoy the hell out of your Web site visitors • 10 choses qui va ennuyer le camp des visiteurs de votre site Web

• 10 common Web design mistakes to watch out for • 10 erreurs les plus courantes de conception Web à surveiller

• Quick Tip: Five don’ts of web design • Astuce: Cinq à ne pas faire de la conception web

• 10 expressions that don't belong on your Web site • 10 expressions qui n'appartiennent pas à votre site Web

• 10 ways to make your Web site design project go smoothly • 10 façons de rendre votre projet de conception de site Web se passent bien