Search Engine friendly web design

Source: Internet
Author: User
Keywords Website optimization website construction enterprise network Building

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

General web Design is done by web designers. Designers design sites are often only from the perspective of aesthetics, creativity and ease of use, which is expected to get a good search engine rankings of the business site, has been far from enough, the site planners should at least for the designer to submit a demand memo, reminding in the design need to cooperate and pay attention to the link.





directory structure and URL


URL is a unified resource positioning, that is, the URL of each Web page, path. The directory structure of a Web site file is directly reflected in the URL. A clear and concise directory structure and specification naming is not only conducive to user experience and web site dissemination, but also the embodiment of search engine friendly.





Directory hierarchy:


for a small web site, there is generally only one-tier subdirectories, as follows:


http://www.happy175.com/home/page.htm





www.happy175.com is the domain name, home is a directory name, page is the filename.


for search engines, this single directory structure is ideal, that is, flat structure (Flat).





for larger sites, it often takes two to three levels of subdirectories. Like this:


http://www.happy175.com/dir1/dir2/dir3/page.htm


search engine will also go to crawl two to three levels of subdirectories under the file, but it is best not to more than 3 layers, if more than 4 layers, like the following page, search engine is difficult to search it: http://www.happy175.com/dir1/dir2/dir3/dir4/page.htm





of course, in the following cases, even deeper than the fourth or deeper pages, the same can be searched:





1, if the page provides important content, there are a large number of external links from other sites (Inbound links);


2, if you add a link to the page on the homepage, you can reach directly through the homepage, search spider or you can easily find it;


3, if there are other sites in the top-level page linked to the page, the effect is like you in your own home to do the link.





In addition, graphics, scripts, CGI, and CSS stylesheets each create specialized directory revenue, which is generally not placed in the root directory.





directory and file naming:


You can use keywords in directory names and file names, depending on the principle that the keyword is ubiquitous. However, if it is a key phrase, it needs to be separated by a separator. We often use the hyphen "-" and underscore "_" to separate, the URL often appears in the space Code "%20". Therefore, if "Made in China" as a filename, there may be the following three forms of separation:


made-in-china.htm


made_in_china.htm


made%20in%20china.htm





but in fact, at least at the moment Google does not agree with "_" as a separator. For Google, Made-in-china and Made%20in%20china are equal to made in, but Made_in_china is read as Madeinchina, and the key words lose their meaning.





therefore, the directory and file names, if they have a keyword group, are delimited with a hyphen "-" instead of an underscore "_".





URLs should be as short as possible. Someone in order to simply add keywords and additional to build a subdirectory with the keyword, change the directory structure. Because the URL contains the keyword itself to improve the ranking help is not very small, so this practice superfluous, but also search engine aversion.





absolute URL and relative URL:





absolute URL: The Web page path uses the complete URL that contains the top-level domain name.


such as: www.happy175.com/page1/index.html is an absolute path, where/page1/index.html is a relative path, the browser automatically add www.happy175.com before the link.


In general, Google does not care whether the URL uses a relative or absolute path in its rankings. Dynamic URL: At present, many sites have database-driven URL, that is, dynamic URLs, often appear in the url "?", "=", "%", and "&", "$" and other characters. Dynamic URL is very bad for search engine crawl page, seriously affect the site rankings, usually through the technical solution to the dynamic URL into static URL form, such as:


converts http://www.happy175.com/messages.php?id=2&type=5 to http://www.happy175.com/messages/2/5/ The following is a special reference to the solution of the dynamic URL.





navigation structure


Web site navigation is to guide users to visit the site of the columns, menus, online help, layout structure, and other forms of general designation. Its main function is to guide users to easily access the content of the site, is to evaluate the professional degree of Web sites, availability of important indicators. At the same time to search engines also have a lot of hints. Generally speaking, the website should pay attention to the following points in the navigation:





1, leading navigation eye-catching clear


main navigation is generally represented as a directory, through their users and spider programs can be in-depth access to all the important content of the site. Therefore the main column must be in the homepage first screen eye-catching position manifests, and best uses the text link instead of the picture.





2, "bread crumbs type (Breadcrumbs)" Path


so-called "bread crumbs" is a metaphor for the user through the main navigation to the target page access to the path prompts, so that users understand the location of the site without losing the "direction", and easy to return to the superior page and starting point. Each column in the path is best to add a link.


is as follows: NET Letter design: NET Letter Log > Technical Information > Network Marketing


even if there is no detailed path source, you should at least be prompted to look back at each page link, including the page logo as a link.





3, the homepage highlights the important content


In addition to the main column, you should also focus on the important content in the secondary directory as a link in the home page or other sub pages to highlight multiple times. The search engine will give a lot of attention to the links appearing in this one station, to the level of the Web page (PageRank) to improve a great help, this is also the page level of each site is generally higher than other page level of important factors, because each subpage has a link to the home page.





4, use sitemap


Sitemap (Site map) is a means to assist navigation, initially designed for users to facilitate users to quickly reach the target page. The good website map design often manifests the complex directory relation with the website topology structure, has the static, the intuition, the flat, the simple characteristic. More text links, no or less use of decorative pictures to speed up the page load. The above characteristics in line with search engine friendly requirements, so the site map in SEO also has important significance. Especially for those who use the image navigation and dynamic technology generated pages, through the site map text link, to some extent, can make up for the spider program can not recognize the pictures and dynamic pages caused by the risk of the page is not visible.





need to pay attention to the site map to highlight the focus, as far as possible to give the backbone of content and links, rather than all the details. It is inappropriate to put too many links on one page. Google made it clear that "if there are more than 100 links on the site map, it is best to split the site map into multiple pages."

The

Frame structure
frame structure, that is, the frame structure page is displayed as a piece of a page remains fixed, other parts of the information can be moved up or down through the scroll bar display, such as the left menu fixed, body information can be moved, or the top of the navigation and logo parts remain fixed, Other parts move up or down. Our mailboxes are usually framed. Another manifestation of frame-type Web pages is that the domain name of the deep page is usually not reflected in the URL, even if you go to a deep subpage, the URL displayed by the browser is still the URL of the home page. The advantages of

Frame-type Web sites are reflected in the overall consistency of the page and the ease of updating. In particular, for those large web sites, the use of the framework structure can make the maintenance of the site relatively easy. But the framework is a big problem for search engines because most search engines don't recognize the framework and have little interest in capturing the content in the framework. Also, some browsers do not support frames pages.

If a Web page already uses a frame, or if the frame structure is used for some reason, you must optimize with the "Noframes" label in your code, and consider the Noframe label as the home page for an ordinary text content. Include a link to the frame page and descriptive text with a keyword in the zone, and keyword text in areas outside the frame. This allows search engines to correctly index information within the framework.

Image Optimization
Generally speaking, search engines read only text content and are invisible to images. At the same time, image files directly delay the page load time, if more than 20 seconds the site can not be loaded, users and search engines are very likely to leave your site. Therefore, unless your site content is the main picture, such as game site or image is essential, otherwise try to avoid using large pictures, not to use a pure Image production page (SPLASH page).
Site Image optimization has two key points: Increase the visual text description of the search engine, as well as compress the image file size while maintaining the image quality.
Alt attribute:
Each image <IMG> label has an ALT attribute that the search engine reads to learn about the image. Therefore, it is best to have a text description in the ALT attribute of all illustrations, with the page keyword in it.

gif and JPGE image optimization:
Alt properties and text descriptions are optimized for text environments other than images, so let's talk about optimizing the picture itself. The aim of the image file optimization is to minimize the file size in order to speed up the overall download speed of the page without affecting the image picture effect. The

Web page Picture format consists of GIF and JPGE in two forms. In general, GIF applies to line and enterprise identities; Mainly throughReduce the number of GIF colors, reduce picture size and resolution to reduce the file, you can use cascading style sheet to achieve optimization. The higher the Photoshop version, the more it works for network Graphics. In addition, the large picture cut into a number of small pictures in different table areas for stitching, can also relatively faster download time.

Flash Optimization:

Due to the beautiful visual effects of flash and a wide range of creative space, Flash technology in the web design and network advertising applications are very wide, many web site home even with flash design. But the Flash page has a very fatal problem, that most search engines do not recognize the information in Flash. Google can only retrieve embedded links in some flash files.
Flash optimization can be considered in the following three ways:
1, make a secondary HTML version: Keep the original flash version, you can also design an HTML version, so as to maintain the dynamic aesthetic effect, You can also allow search engines to discover sites through HTML versions of Web pages.
2, the Flash embedded HTML file: can also change the structure of the Web page to make up for, that is, do not design the entire page into Flash animation, but the Flash content embedded in the HTML file, so that the user browsing will not weaken the visual effect, Search engines can also find the necessary information from the HTML code, especially the link to the content page. Even if the first page of all the use of flash, should also enter the internal page of the key button/link in the Flash file, as a separate text-only link to the presentation. The above case will be "Chinese version" link in the Flash file, so that the spider program nothing, can not crawl to the internal page information.
3, paid login search engine: If the Flash site missed by the free technical search engine to automatically retrieve the opportunity, or search results ranked less than ideal, can be paid to sign in or do search engine keyword ads, the same users to search.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.