In the design phase, a website, in addition to the graphics, needs those devices to optimize their content for search engines.
10 SEO Tips for Web Designers
10 tips for this propose, in my opinion always be followed to streamline design work.
1. Use the CSS
I often meet on different network sites, signed 2009, created completely in pure HTML without the use of style sheets, so maimed an important medium that brings many advantages:
- More compatibility with other Web browsers.
- Great division between content and layout and content.
- Ability to create more complex layouts than those possible with tables.
- Reduced weight of the pages resulting in decreased load times.
- Ability to change the look of the site, even significantly, by changing only one file.
- Improving the accessibility and visibility to alternative media: PDA, mobile phones, screen readers, text browsers and printers.
- The css is positioned at the top of the source code, ensuring a better indexing of pages.
- The only downside is that some older browsers do not interpret them correctly
For this w3schools has tried to give a statistical definifitiva the most widely used browsers in the world accompanied by relevant statistics monthly.
To check if our layout is clearly visible on all web browsers, we can use the free services that create previews of our site.
2. Optimize the code
In addition to optimizing the structure of a web page, even the CSS code can be improved by avoiding unnecessary duplication or repetition.
The classic example is the padding or margin settings:
You can also write a document in css on one line, but then it would be unreadable for you than others.
Remember to give a good format to your source! There are several free tools on the web that can help you.
Council to try StyleNeat that could become a valuable tool for your formatting.
3. Avoid the Frame
On the net there is already enough noise around this issue and I do not want to make more.
For this I quote a part of the standard adopted by the National Center for Information Technology in Public Administration in which it is said that:
It is not permitted to use frames in the creation of new sites.
In the first application, for existing web sites with frames is allowed to use HTML 4.01 or XHTML 1.0 with DTD frameset, but with the following caveats:
avoid using, within the markup language in which the page is coded, elements and attributes to define the presentation features of the page (for example, features the text font, text colors and background, etc.. ), and use the Style Sheets CSS (Cascading Style Sheets) to achieve the same visual effect
make sure that every frame has a title to facilitate identification and navigation, if necessary, also describe the purpose of frames and their relationship. More information is available on the website of the CNIPA (National Centre for Information Technology in Public Administration).
4. Do not use nested tables
Nested tables are tables inside other tables.
It is strongly discouraged their use because the spiders are struggling to read the contents of each cell with a consequent lack of indexing of certain content.
Use divs for css is a very good solution and allows not only to optimize the code, but also to obtain a good level of indicizzamento content.
5. Do not overuse Keyword
The keywords describing the content of a page.
It is therefore important to display them in strategic places, such as: url, title and description.
It is often useful to include them in the content body, but not abuse! You might run into too many penalties for KeyWord.
6. Determine the best Keyword
Without abusing we analyze the best keywords, so as to get high rankings in the SERPs.
We are meeting various web services, identifying those key words related to our environment, good ones to use to have little competition.
I suggest you read my article The smaller is better , which I explain a great free tool to analyze our keyword search.
7. Avoid using Flash menus
In addition to having the load times are longer than normal to HTML, Flash is strongly recommended for the creation of navigation menus because search engines have difficulty reading and following the links used for navigation.
A site built entirely in Flash has some major disadvantages for indexing on Google and search engines genarle.
You can try to divide the site into smaller pieces to insert flash into a normal html page, so you can optimize keywords, title and tags.
8. Use unique titles for each page
Each page of the site should have a title attribute, unique for each page, so if you use the same title, the search engines think that every page of the site features the same topic.
9. Work on your pictures
Do not neglect the weight of the images you post, as alleggerendole, load times will halve the page!
In fact, you have several tools, free, to achieve this goal.
One of these is ImageOptimizer an excellent free tool that allows you to greatly alleviate the weight of your images.
Do not neglect to populate the ALT key element of you need to enter information on the images of web pages in case of their absence.
The TITLE attribute, however, serves to provide additional information to the image and follows the same rules that should be used for the title of a web page.
Be brief, summarizing the content of the post and capable of capturing attention.
Alt is preferred because the Title tag is the one that search engines often make reference to identify the contents of an image and then using the right keywords will have better indexing in the SERPs.
Here I report a video made by Matt Cutts on the importance of the alt attribute in images:
10. Beware of URL
As we all know, the structure of our url is essential for a good indexing on search engines, in terms of key words contained in it. We also know that blogging platforms like WordPress, enable a rewrite of the url of our posts, which facilitates our search engine optimization.
Here is a brief list of tips for optimizing the structure of the url of the post on our site:
- Describe the contents – The basic structure of the first url should contain a description of the contents of the page.
- Be brief
- The URL is case sensitive
- Use hyphens high (-) to separate words
- Do not spam
- Use static rather than dynamic URL