background preloader

Bestpractice

Facebook Twitter

4 Steps For Designers To Build A Solid SEO Foundation. Every time Google makes a significant update to it’s search algorithm people start reporting losses and complaining how the changes are unfair. At the same time others report how that change is driving more traffic to their sites. Search results are a zero sum game. With every site that drops in the results another rises to fill the vacated space. How do you make sure that your site is one of the gainers when the next algorithm update comes along?

How to Build a Solid SEO Foundation Over the years I’ve seen both positive and negative reports after algorithm changes. Those with positive reports tend to be the people who focused long term by putting a solid foundation in place making their sites more resistant to changes. What I want to present here are some basic concepts to get your house in order. It’s simply a foundation to build on and it’s something you don’t need an advanced degree in seo theory to understand. Here then is a simple (in terms of understanding) strategy for seo success.

Creating Websites Optimized for Google’s Panda Algorithm. Whether you’re in the process of building a new website or redesigning an existing site, it’s vital to build it with search engine optimization (SEO) in mind. The king of search engines, as everyone knows, is Google, making up over 65.3% of all search traffic (in October 2011). Google’s goal is simple: to give their users the most relevant, high-quality search engine results as accurately and quickly as possible. So in early-2011 Google introduced an update to their search engine algorithm, dubbed Panda, as part of the company’s continual pursuit of that goal. For those of you who are unaware, the Google Panda update reportedly affected the rankings of almost 12% of all search results — more than any other update before. Since then, Google has rolled out several other updates to Panda, dramatically changing how thousands of websites are ranked. So now, the obvious question is this: How can we make websites that are seen as high-quality in the eyes of Google Panda?

Focus on Content Quality.

Typographie

Email. WCAG2. 15 sites incontournables sur l’écriture pour le web et les blogs. Quand on édite un blog, écrit-on d’abord pour ses lecteurs ou pour Google ? La question, revient fréquemment sur le devant de la scène, posant en creux celle d’un éventuel appauvrissement de la langue (déjà fortement mise à mal avec le langage texto), y compris dans les sites web des grands titres de la presse Quand on édite un blog, écrit-on d’abord pour ses lecteurs ou pour Google ? La question, revient fréquemment sur le devant de la scène, posant en creux celle d’un éventuel appauvrissement de la langue (déjà fortement mise à mal avec le langage texto), y compris dans les sites web des grands titres de la presse traditionnelle écrite. Il est évident que, selon que vous cherchez le meilleur positionnement dans les moteurs de recherche ou que vous visez un prix littéraire, vous n’écrirez pas de la même manière. Mais que vous n’obtiendrez peut-être pas non plus les mêmes résultats en termes d’audience pour votre blog.

Plume Interactive Adverbe Mots And Co La Machine A Ecrire Rédaction.be. Most Essential Best Practices to Improve and Optimize Your Markup and CSS | tripwire magazine. Great looking websites that are easy to maintain and develop require high quality markup and styling. The most fundamental principle to remember is separation of presentation and content / markup and style. While separation is key you will need to have great markup to produce good CSS.

This post aims at highlighting general purpose best practices for how to improve your CSS code and it also involves tips for how to work with markup. While doing the heavy lifting your self is a lot of fun, it is also recommended sometimes to look for quick solutions that still deliver excellent results. Advertisement Treat markup and CSS as serious development artifacts Good markup and CSS is time consuming to produce and minor changes or mistakes can do serious damage to you work. ------ css ----- /************************************/ TRIPWIRE MAGAZINE BLOG THEME Copyright 2009, tripwire magazine URL: www.tripwiremagazine.com AUTHOR: Mr. Consider and define basic guidelines and naming conventions 1. 2. What is Vertical Align? CSS has a property called vertical align. It can be a bit confusing when you first learn about it, so I thought we could go through it's use a little bit.

The basic usage is like this: Notice in this usage case, it is being applied to the img element. Images are naturally inline elements, meaning they sit right inline with text if they are able to. But what does "sit inline" mean exactly? That is where vertical-align comes in. The valid values are: baseline, sub, super, top, text-top, middle, bottom, text-bottom, length, or a value in percentage. The confusion, in my opinion, sets in when people try to use vertical-align on block level elements and get no results. Baseline The default value of vertical-align (if you declare nothing), is baseline. Middle Perhaps the most common use for vertical-align is setting it to 'middle' on icon-size images. The browser does the best job it can centering the pixel height of the text with the pixel height of the image: Text-bottom Text-top Top & Bottom. HTML Dog. How to Spot Quality within Web Design: Examples.

White Space: How to Get it ‘Right’ | Think Vitamin. Space is important in layout. Space can be created by content, such as text, images, lists, logos etc, or it can be created by the space in-between content, called negative space, or whitespace. Space can be passive; a by-product of the layout process. Or, it can be active; there for a reason, to guide the user’s eye, or help them make a decision. Shapes are elements that can communicate ideas, for example, the BP logo. Unusual shapes can attract attention, whilst conventional shapes when combined with colour convey meaning. Take a red triangle for example. In classical design, there are three types of shape: geometric, natural, and abstract. Shape and size are two of the basic elements of graphic design that determine space. Throughout art school, then through design school, my lecturers and professors would encourage me to view things differently.

Typographic Colour Typographic colour refers to the density of type on a page – either a physical page, or on screen. Legibility. 10 Rare HTML Tags You Really Should Know - Nettuts+ Web developers these days are often expected to know and work in multiple languages. As a result, it's tricky to learn everything a language has to offer and easy to find yourself not utilizing the full potential of some more specialized but very useful tags.

Unfortunately we haven't been tapping into the full potential of these more obscure HTML tags as of late. But it's never too late to get back into the game and start writing code that taps into the power of some under-used tags. Here are ten of some of the most underused and misunderstood tags in HTML. While they might be less familiar, they're still quite useful in certain situations. 1. All of us will be familiar with the <blockquote> tag, but did you know about <blockquote>'s little brother <cite>? The <cite> tag is really useful for citing bibliographic and other site references. David Allen's breakthrough organization book Getting Things Done has taken the web by storm. 2. Live demo: 3.

SEO is full of trickery and magic. 4. 5. 6. PXtoEM.com: PX to EM conversion made simple.