Archive

Archive for April, 2010

“One page site” concept

Many Internet experts will tell you that it is best only one sales page for your website. A large extent, this is absolutely right. You may find this view seems a little weird.

You’d think so: even if the site contains only one page, it must also contain other pages associated with the home page.

Thank-you page

Secret Notice

Refusal method

Terms of Use

The above is the basic page. You will find that you need to spend a small fraction of the time to add the content on the following:

Help page

Links page

Contact page

If you want your website to have a good search engine ranking, then you have to put a number of pages including articles interested by people. Place some pages for your visitors about gifts or some other interactive accessories which can make your site more attractive.

The subject is: You need many other pages to improve your search engine rankings; build mutual trust relations with your visitors and make efforts to portray it as the authority in a particular area.

My opinion is as follows: Do not create too many pages one-time (too many pages will be mistaken for a spam). Update parts of the articles every month. And add some contents which can interact with the visitors. You can find some articles related to your content and place them on your site once more. You can also add some tools in your site to facilitate visitors to download. You should put some friendly links on your website to help your visitors obtain useful information from the linked sites. Do not add advertising links. Just place really useful site links to your visitors. This can help you create a more trusting relationship with your customers.

In the end, ensure the navigation bar to have a high convenience and accessibility. This can help search engine optimization and make your visitors easily find what they need.

I am sure that when you start to create “one page website”, you will slowly discover that actually what you do has been slowly adding content and links your visitors need. All of these will help you be more welcomed by the search engine and make your site more attractive. And establish a good relationship of trust between you and your visitors. In their view the site page by page, the page also facilitate transactions.

web design seo tips seo services

  • Share/Bookmark

10 web design or marketing criteria

When you start web design for your site, there are two paths you can choose: Only design for yourself; Designed the manner fit for network marketing and attracting customers.

Here, provide you with 10 reference questions:

1.    Flash vs. HTML vs. ASP vs. PHP: the type of code to develop the site may produce enormous impact.

Flash cannot be fully integrated into the network marketing. Although this technology is more advanced, the search engine will not find and record this type of code, and then affects your website ranking.

ASP: if your site contains the complete database, then ensure your code written into each page, not included in the table. Similarly, pre-planned Meta tags within the database. Too many databases do not make you Meta tags bring into play effective.

PHP/Java: These two types of codes are helpful for coding the program in safety. Remember, when using them compile code, keep a clear and simple style always. Do not forget to test your written programs.

HTML: using the HTML code helps search engines to search and record and is also crucial to create user-friendly website. Therefore, it is the most common choice of programming.

2. Test your site vulnerability often. Even if you think your written code has been perfect, facts are generally not the case. Also, search engines and visitors want to be more convenient to access to your site. You need to regularly test site vulnerability.

3. Try your best to make your web site extremely professional. If you cannot afford to hire a web designer or graphic designer to help you, you can spend some good money for purchase some nice creating websites template.

4. Open your web site for people to comment! This is important because other people will tell you their most genuine ideas for the site. Open your site and accept public comment, which will greatly increase your sales.

5. Set the appropriate “Title label”. When you promote your site, make sure your Title tag will best reflect your real site features.

6. Do not violate the provisions of any search engine, do not place garbage ad. This is taking into account the long-term development sites.

7. Develop a link building strategy for your site. When you are doing web design, do not forget to set up a link exchange program in your site.

8. Constantly expand the amount of information. Search engine or visitor will quickly generate bored. Keep the content fresh. New content will increase their interest and they will often visit your site.

9. Do not over-rely on “Google Dance”. Google Dance, this term is usually used to describe the process of Google search engine to update its search results and recombine. Many people only focus on their online created accomplishments, but have not thought about how to expand it. You should insist on enhancing your web site on a daily basis.

10. Create the slogan, tower sites and buttons used by people for people. They obtained free of charge for your button, and add them to their own website, which will not cause losses to you.

11. Add the latest online marketing news.

web design seo tips seo services

  • Share/Bookmark

Pictures are in relation to the overall web design.

Some people say that sometimes photos can express the content of 1000 words. If you want to provoke visitors to emotional spark in brain, it is best to use a few pictures on the site which may achieve the desired effect. Whether you will sell more products, you must first grasp the psychology of customers, or leave a deep impression on customers. Sometimes correctly using pictures in web design will bring this important role.

Find the required pictures.

First, you need to find the required pictures of the site. You can search in the search engines to find a lot of free pictures.

Modify the picture.

After finding the picture, you need to re-adjust the picture size. According to the site require, modify it to match the site’s content and color. Using free software tools installed on your computer will be able to modify the picture. Despite you need to ensure the picture quality, but also it is the best to guarantee the time to download delicate images is only 1 second and half a second to download less quality pictures.

Are the pictures what you need?

When use the pictures, you should consider the role of pictures. If you sell products, the used pictures should be able to display products to an extreme, or at least to highlight some features of the products. Must make images relevant to website content and stimulate emotional spark.

Location of pictures

First, consider the pictures layout. If the article content is a lot, it’s best to keep a small picture in the central of the articles. Because when visitors viewed half the content, they maybe revel in it. Then inserting a picture can enhance the viewer’s reading emotions (can also make visitors a convenience break) .Pictures here can help viewers deepen their understanding of the article.

If the content of the website is not very attractive, the above method will not work which would lose a lot of visitors. At this time, the best way is to put pictures on the top which will enable visitors to understand the content of the website through pictures, especially the icon, flow charts and such contents.

Some content requested pictures on the bottom, particular when site wants readers to end reading. This will enable readers to deepen their understanding of the content they have red and left a deep impression.

Conclusion

I would like to stress that the pictures play an important role. If the article contents are good, they could attract readers to browse. Pictures will play the role to enhance memory, making viewers remember the page place. If you give the viewer such impression, they will not go to other sites later.

web design seo tips seo services

  • Share/Bookmark

Graphics Introduction of web design: Part III

Image map allows you to specify hotspot on a single image. Many websites release programs such as Microsoft’s FrontPage and Macromedia’s DreamWeaver which support the creation of image maps. Adobe Photoshop can also be used to create image maps. In addition, there are many shareware programs that can be used to create image maps. This article will teach you how to use MapEdit and related program of Microsoft’s FrontPage to create image maps.

Client-side image map stores the link and coordinate information of HTML page rather than a separate file on the server. Client-side image map is supported by Netscape Navigator 2.0 or later, NCSA Mosaic 2.1 and 3.0 and all Microsoft’s IE browsers.

Use MapEdit to create client-side image map

First, download MapEdit.

Install software in your computer. Installing MapEdit in the Mac needs to install the Macintosh Runtime Java.

Specify one or more embedded images by <IMG> Label to create an HTML page.

Open the HTML document in MapEdit.

MapEdit shows the image lists in HTML document. Select an image you like to create image maps.

Select the rectangle, oval, or polygon tool to pull out a hot area in the pictures.

Select the rectangle tool to create a rectangle. Click the top left of the rectangle with the mouse. Drag till to the lower right, until appearing your desired rectangular shape.

In addition, you will also choose round or polygonal tools to create corresponding graphs.

When you finish the painting the whole region, MapEdit will show a dialog box in areas you draw, you can enter URL in the dialog box.

When you have created all the areas, select the file and save the HTML document.

At this point, MapEdit will save this HTML file. Note: MapEdit not change the graphics files.

Test the image map in the web browser.

MapEdit will insert client-side image map code into the HTML document.

<AREA> Tag shows the specific shape, coordinates and URL of the designated area.

Use Microsoft’s FrontPage to create image maps

In FrontPage Editor, select “Insert” and “Image”. An image will be placed in the page.

Click the image with mouse, select the image. After the image is selected, FrontPage’s image toolbar will appear in the bottom of the display. Image toolbar has tools to create hot spot areas or choose transparent color.

Select the appropriate tools to draw a hotspot. When you release the mouse, FrontPage shows the dialog box creating the hyperlink. You can enter the corresponding URL of the hot spot.

When all the hot spots are created, choose “save the file” to save the document. If you change the image transparency, FrontPage will ask if you need to save the changed image.

web design seo tips seo services

  • Share/Bookmark

Graphics introduction of web design: Part II

Image size

Image size relates to the image height and width (unit: pixels), and the resulting image file size. Downloading large pictures from the Internet will take a long time and many people will feel impatient. So, try to make your graphic files smaller than 35K.

Image resolution also affects the size of the image. Standard resolution of Network graphics is 72dpi (dots per inch [1 inch is about 2.54 cm]). Most image-editing program contains instructions to change the resolution. For example, in Adobe Photoshop, you can select the image menu settings resolution command to change the image size.

As far as possible to ensure your graphics should not exceed 600 pixels width. If the image is wider than the width, then some small displays will require the use of the scroll bar to browse through the entire graphics. Most image applications programs include instructions of displaying the image size by pixels. For example, in Adobe Photoshop, you can choose “image size” in the “Image” menu to view an image size.

For example, an image width is 720 pixels which is a bit too much compared with a standard browser window.

You will use the horizontal scroll bar to see the whole image (unless your video resolution is very high), but prohibit the use of horizontal scroll bar in network.

Transparency

GIF 89A format can make the graphic designer set a color as transparent. If the transparent graphics appear in the colored background or textured background, you can see the background through the graphics transparent parts. Many tools can appoint transparent color in the GIF file. When you first save the graphic file, it is best to use this feature. For example, in Adobe Photoshop to specify a transparent color, select “File” – “output” – “GIF 89A”. Only use the lattice device to select what you want the transparent color.

web design seo tips seo services

  • Share/Bookmark

Graphics Introduction of web design-Part I

This tutorial will focus on topic for discussion and technique related to the site graphics. It contains the information about creating dynamic GIF graphic, clicked graphic map, and effective web site graphics. While Photoshop is one of application programs which are most popular to create website graphics, you can also use other applications to create GIF and JPEG file formats. Other programs including PaintShop Pro, GraphicConverter and Microsoft graphic designers programs and are co-released by Microsoft and FrontPage.

Scan

You may want to convert graphics on a piece of paper into electronic format. Scanning can achieve transforming printed manuscript into digital images (such as: photographs, postcards) which can be processed by graphics software.

<IMG> Tags

Use <IMG> label to embed the image into the pages. Built-in image appears on the page independently, and do not need to re-open a window or use other software to display graphics help. For example: Graphical display name is “car.jpg”; replacing text is” Web Banner Graphics”. “ALT” attribute role is: when the user closes the browser does not allow images or display images, it will display “ALT” attribute of the content. If the image is not loaded, the replacement text will be displayed. When using some browsers, when the mouse moves to the image above, it will also display “ALT” in the text.

The following lists are the properties of the corresponding <IMG> Tags:

SRC=”url”

The source URL for the image

ALT=”text”

If the image is not loaded, the replacement text will be displayed. When using some browsers, when the mouse moves to the image above, it will also display “ALT” in the text.

HEIGHT=”n”, WIDTH=”m”

image height, unit is pixel. If the value of the original height of the picture is not equal to “n”, then the browser will adjust according to picture size to the right size.

BORDER=”n”

Set image border width contained within the hyperlink. If the image is a hyperlink, it will display a blue border by default, unless you “Border” is set to “0.”

USEMAP=”url”

Specify a specific address mapping information of an image map.

ALIGN=”left, right, top, middle, or bottom”

Specify the peer-alignment between the image and the text of the same row.

File Format

In the network, two of the most popular graphics file formats are GIF files and JPEG files. Browser and the most popular web graphics program supports the two graphics file formats. However, the two, which is better? This is determined mainly based on the image the nature. The following summarizes the characteristics of two different graphics formats, as well as advantages and disadvantages:

GIF file format are limited to 256 colors.

JPEG file format is 24 bit, supporting hundreds of thousands of colors.

GIF is best for images that have fewer colors and large areas of similar colors.

GIF format clip art, WordArt, or icon is usually a relatively small file size.

For colorful graphics, JPEG compression is usually better. JPEG scan pattern is usually relatively small.

GIF 89A format can specify one color as transparent color, therefore, can make part of the background graphics not supporting transparency.JPEG does not support transparency.

GIF 89A format support animated.

JPEG does not support animation.

web design seo tips seo services

  • Share/Bookmark

Web accessibility

the correct use of fonts and colors can make your site with more readability.And it will make your web design less detour.

Note contrasting colors.

The colour combination of black words with white background or white words with black background is the best project for people with visual disabilities or display device he used is not very good.

The Contrast of gray font color with bright –colored background is very poor.

The contrast of gray font and dark background color is also very poor.

Some color combinations – such as: black and red combination, blue and black combination, yellow and green combination – usually cause visual fatigue.

However, some color combinations are pretty good, such as: Black text on a grey background, Black text on a light blue, Black text on antique white and White text on dark blue.

Note letter-spacing.

The letter spacing of text for the visually-impaired people can cause particular difficulties.

If the letter spacing is too small, it is difficult to read.

Note row spacing.

Too small row spacing is also not easy to read.

Avoid the Fancy Fonts.

Fancy Fonts are also not easy to read.

Fewer italics

The text using italics is not obviously difficult to read.

web design seo tips seo services

  • Share/Bookmark

XHTML in web design

Brief description

Network is changing. In fact, the networks are changing every day: different languages, algorithms, concepts and thinking. As you have just finished learning HTML, XHTML seems to faint there.

XHTML Introduction

XHTML (Extensible Hypertext Markup Language) is the definition of HTML in the XML category in the standard of Generalized Markup Language. XHTML1.0 on January 26, 2000 is as a W3C recommended standards, that is: HTML 4.0 / 4.01. XHTML, HTML and XML are closely related. XHTML 1.1 on March 31, 2001 becomes a W3C Recommendation. In addition, XHTML Basic is as a subset of HTML language recommended by W3C about the development of mobile devices. XHTML 2.0, new version will contain valuable support and very important new model. It can make the site look more dynamic, and well defined form of the site.

The ten commandments of XHTML

XHTML like every case in life has its own criteria. There are 10 criteria for the Xhtml document published by the W3C; and the Ten Commandments are similar with XML.

1 XHTML / XML should be in the proper use of the Internet.

2 XHTML / XML should support all types of applications.

3 XHTML / XML should be compatible with SGML [Standard Generalized Markup Language].

4 For the implementation of the XHTML / XML documents, it should be very easy to write programs.

5 XHTML / XML few additional features should be absolute, not even.

6 XHTML / XML documents should be legible.

7 Using XHTML / XML to design should have the characteristics of convenience.

8 using XHTML / XML to design should be formal and concise.

9 XHTML / XML documents should be easy to create.

10 The need to simplify the XHTML / XML tags is not important.

Creating a form of good, effective XHTML document must follow these guidelines.

The criteria you must know

In the XHTML document itself, some things must meet the so-called “standards.” If you want to create effective XHTML document right, then you must follow these guidelines:

XHTML elements must be properly nested.

XHTML document format must be precise.

The definition of the label is with lowercase letters.

All XHTML elements must have a terminator.

Properly nested elements means that you cannot like this illegal nested tags:

It should be nested like this:

Must define the correct format, at the same time, it can help you maintain a good structure. This is not just for XHTML is, and also includes the whole process.

XHTML elements must be nested inside the root element <html>. However, other elements can contain child elements. Sub-element must be paired, and are properly nested in their parent element.

Use lower case letters. For XHTML, the capital letters are never used. All labels must be ending, even empty tags. In HTML4.0 / 4.01, empty tags do not require a corresponding end tag, such as: line breaks <br>, paragraph tag <p> etc.

You at least follow the basic guidelines for the four XHTML. Purpose is to correctly create effective XHTML code.

XHTML is a markup language written using XML; therefore, it is an XML application. Therefore, XML is part of XHTML. This is why you need define document format well, which is a valid reason for the overall, only to be called XHTML documents. “XHTML’s Ten Commandments” are the same as XML’s. Therefore, the concise description rather than a professional of XHTML: XHTML is a hybrid of HTML and XML.

web  design seo tips seo services

  • Share/Bookmark

What is HTML and XHTML

We all know the HTML on behalf of hypertext links language. You may ask me that what “hypertext link language” in the end is. It is used to be as the specify text displayed manner. When you do the web design work, you will want to display content and text in a specific way. You may want some text in bold or italics, but other fonts, you may want to display to show large or in other color.

HTML is not the only markup language. There are other markup languages applied to application program such as: word processing or other software applications. However, HTML since the beginning of creation became the most important markup language; it has become the World Wide Web or Internet information display standards.

However, in today, HTML is not the only markup language used on the Internet. With the continuous development of HTML version, programmers are more and more aware a lot of deficiencies in many aspects of the HTML.

Until 1999, a new version of the markup language emerged, which is XML.It constitutes the basic principles of XHTML. W3C [World Wide Web Consortium] describe XHTML as:

Extension Hypertext Markup Language (XHTML) is the present and future used text styles and models. This style and model copy, inclusive, extended HTML, and re-defined XML. XHTML documents are XML-based, ultimately, which is associated with XML-based user agents. XHTML inherited the HTML, and it also contains a series of other new norms.

As we all know, XHTML is a meta-language, which is used to define markup language. Simply, SGML (Standard Generalized Markup Language) is the basic principle followed in HTML. XML is a relatively more precise subset part of SGML. It is the basic principle followed in XHTML. All in all, XHTML is more mobile relative to HTML.

There are two reasons for the XHTML development: (1) people are trying to create page to more effectively interact with the computer; (2) people try to create a page layout manner supporting all the platforms and all the all displays, whether it is a PC monitor whose resolution is 800×600 or a laptop computer, cell phone and other equipment.

Therefore, for all the web design, we should use XHTML possibly to design the most important part of web pages. In the market, almost all electronic equipment installed equipment to access the Internet. Therefore, using a common language (such as: XHTML) to carry out programming is particularly important, because your page can be normally accessed by all types of operating platforms.

web design seo tips seo services

  • Share/Bookmark

What are related to the quality score?

What are related to the quality score?

 

It is a pity for many Google fans that Google.cn jump to Google.hk.

 But are there effects on Google AdWords, SEO methods?

 In fact, Google jump to .hk has no effect on Google’s Advertising System.

 But there may be some small changes in the quality score system.

 So, let’s see what are related to the quality score.

 First, the correlation between keywords and advertisement.

 Second, the correlation among keywords, advertisement and site contents.

 Third, the speed of openning the site.

 These three points are the main standards of quality score.

seo tips,   seo services,   web design

  • Share/Bookmark