Search Engine Journal » HTML and Page Coding

HTML Tags / Labels / Web Page Design

admin — Tue, 09 Nov 2010 12:35:27 +0000

If \ doing business on the Internet, taking the time to learn how to design your own website and write your own HTML (hypertext markup language) will play a major role in your success. Not only will you learn HTML coding freedom to update your own HTML document, but will also save a lot of money, because you can avoid hiring a professional web designer.

If you’looking for some HTML tags to spice up your site, you’come to the right place. You will find a variety of HTML codes and tips to help you below.

However, prior to the HTML tags if the site you \ are new to HTML and web design, the next chapter will assist you in creating HTML web pages. For additional information, design websites, make sure you don’t miss web design articles and tutorials at the bottom of this page.

Creation of HTML page
This web site is created with the help of these language, Hypertext Markup Language, better known as HTML Code. You can write your own coding within a plain text editor such as Note Pad, or use HTML editor that will write code for you.

HTML code, also known as HTML tags are closed with less than (<) and greater than (>) brackets and may be written in the case of capital or lowercase letters.

Brackets after the data which the browser command, and ends with the last volume. The element can also be used with attributes that are words that describe the properties of the element, and further instruct the browser. Attributes are only in the opening HTML tag on the right element and are separated by a space and then equal (=) sign. Value followed by an equal sign and is enclosed in quotation marks.

Basic HTML Document Code Structure
Start writing the HTML code to create the document’s the basic layout. Copy and paste this code into your text or HTML editor.

This area will contain everything that will be visible through a web browser, such as text and graphics. All information will be HTML encoded.

For a complete list of HTML codes, tags and examples, see the HTML chart below.

Webdotcom
- Begins your HTML document.
- Provides information on the page, such as title, meta tags for proper Search Engine indexing, STYLE tags that determine page layout and JavaScript coding for special effects.
- Closes the HTML
- Closes the HTML code.
- This is where you start writing a document and placing your HTML code.
- Closes the HTML code.
- Closes the tag.

How to Copy Paste in the HTML Tags / Labels
Copy and paste the HTML tags / HTML tags from the chart below in your HTML web page, place the mouse pointer to the beginning of the HTML code that you want to copy. Then click and hold the left mouse button and drag the mouse over all the HTML code that you want to copy (Example of highlighted text). Your HTML code should now be highlighted. Go to”Edit”- \ s “Copy”in your browser’toolbar, and then place the cursor in the HTML code where you’d like to put the code. Right click the mouse and go to”Paste.”Your HTML code should now see the HTML document.

Using your HTML Title effectively

admin — Wed, 06 Oct 2010 18:32:38 +0000

What is an HTML Title and why should I use it?

An HTML Title describes the contents of your web page in one sentence. It’s likely to appear in search engines’ results and in bookmarks. It’s also the first thing a search engine’s spider sees on your page. Since your title will be seen by both readers and search engines, it’s particularly important.
Your title is the most important part of your page as far as search engines are concerned. Note that every search engine supports the title tag to some extent.

Important: Your title should appear right after the tag. If you’re using a WYSIWYG (What-You-See-Is-What-You-Get) tool, such as FrontPage, you may want to make sure your title is placed correctly. Having your title placed below its usual place may decrease its power and cost you rankings.
To learn more about structuring HTML titles for search engines, check out our subscribers’ section. It includes tips on how to create effective HTML titles and how to maximize their presence for every search engine.
Avoid spam
Don’t repeat the same keyword in your title more than twice; it’s considered spam. Also, some engines penalize for using all CAPS.

An Overview

The HTML Title:

Is the most important part of your page
Should appeal to search engines and people
Needs to interest the reader
Which keywords should be included in your HTML title? A unique way to determine the best keywords for each search engine can be found in our subscribers’.

Metatags

admin — Sun, 21 Jun 2009 08:37:13 +0000

Simply relax. You are going to learn that right usage of META tags is not that unnecessary and important, as it is declared in many manuals – online and printed.
Keywords, as well as meta tags were invented to describe content of a webpage to search engines, to simplify their work and to give content weight to pages of mostly graphical filling. The system was right and cute, it served well until spammers started using this for their own, cheating needs. As a result of spammers’ activity, search engines were forced to almost completely exclude keywords and meta tags from page analysis in order to keep search results clean and relevant. For this reason only content wins the competition nowadays. However, this doesn’t means that you should immediately exclude meta tags from your site �� they are still a powerful tool for web positioning.
Keywords. ( )
This is the most spammed tag. It is usually floated with same words many times, it is filled with words that are not related to website content, but generally popular in the web. Here are a few simple rules, which can help working with it:
Any keyword mentioned on site must be included in this tag and vice versa – if you type a word in this tag â€� it must be somewhere in visible content of this page. Try to specify exact keywords if it’s possible. It is not recommended to use common, frequently asked words – your page will get lost in surrounding mass of other pages. Don’t repeat one words two or more times. Even a couple variants or word combinations with same word can be safely used up to 3 times. Exceeding this limit can be considered to be spam and if you will repeat it 5 times – problems are guaranteed. Some search engines regard 2 identical words written with capital and without it as two different words (e.g. Music and music). Remember that the majority search terms are typed with small letters – capitals. Thus it is more likely that surfers will search for “music” than for “Music” or ��MUSIC”. However, presence of two variants of the same word should be good in this tag. Remember about possible misspells in typed keywords. There are a lot of frequently made mistakes in popular words. If you have such a keyword on your site – include it’s wrong variant. For instance, word “comprehensive” is often typed as “comprehansive” and so on. Stop using dots and commas. Search engine robot can regard several keywords as a phrase, and, besides, robots usually read less than 200 symbols in this tag, so each symbol and space is valuable for you. The tag should be placed as higher as it is possible in page code. Robots usually ignore frames and JavaScript, so the higher this tag is, the lesser is chance that your “keywords�€ tag will be missed by robots. In case if your site is related to any region – mention this in your �œkeywords” tag. For instance “Colorado” or “Memphis” – this will help your site to get better ranked in case if surfer types wanted region of company or shipping location.
Description
This tag is much easier to fill, even though it has its own difficulties. Your general goal is to make description attractive. Of course it must point certain site. Numerous descriptions like “Make money!” or “Learn how to earn online!” are not linked with any specific site and makes not much sense in general, because throng of sites is using both phrases and moreover it looks like spam. Description should be plain. The majority of search engines read up to 170 symbols in this tag. Why write more? And finally you need more space to describe what you have – divide one page in three and describe each peace of information separately, even though some search engines give priority to short pages.

Indexing – the Basics

admin — Sun, 21 Jun 2009 08:28:05 +0000

We all know how doubtful and unpredictable the majority of optimization methods are. You find and learn something, you make sites and they seem to be positioned on top pages, but everything ruins all of a sudden, Google adds new filters, new page appraisal methods and you can just take a deep breath.

Putting your sites’ URLs in order with redirects.

admin — Sat, 20 Jun 2009 13:01:03 +0000

Many webmasters are getting in trouble with web hosts that suppose two different pages creation for http://www.searchenginejournal.org/ and yoursite.com. Of course you can create a copy of index page and put it in both folders, but such an action can force Google to filter you for duplicate content.

Platforms, Coding, Site Building

admin — Sat, 20 Jun 2009 12:40:43 +0000

What editors have you used when just started making first sites? Personally I have started with Macromedia Dreamweaver, but very soon I made sure that it ads a lot of bugs in HTML and started learning the language itslef. Since then I’m using Allaire Homesite and PsPad editors (Now there is Home Site 5 released by Macromedia after they’ve bought Allaire, but I donâ��t like it too). I”m telling this not just to discuss editors we use, but to stress your attention on importance of clean HTML. because the more bugs you make in code, the more corrupted it appears in serps and title “$#ajgd^&87″ or url “..php?gophp127jags7a…” don�€™t looks attractive, huh? However, after several years of practice, those webmasters, who work with lots of content and have less time to edit HTML are moving to various content management systems. So do I.

I have tried a lot of them. One I was using up to last year is PhpNuke available at http://www.searchenginejournal.org. It is convenient, includes a lot of useful tools for site management. However, it contains a couple of bugs that are unwanted for SEO. For instance it always builds ugly-looking urls and has problems with putting correct titles. When I have worked on PhpNuke I spent a lot of time by tuning and adjusting it to fit my needs. I found plugins that replace page title with title of first article on this page, modules that made permanent urls and so on, but it took a lot of time to make it rolling for each new site I’ve made and I started looking for something more easy and covenient. That is how blogs became platforms for the majority of my sites.

After trying several blog scripts I have finally chosen two of them, which, I think are useful for building good sites. The first one I have tried is MT, which is available fromhttp://www.searchenginejournal.org. Powerfull platform for creating site. Rather easy installation and management. Good layout. Try it yourself to have your own opinion of convenience.

My second choice, which I consider to be the best choice for today is WordPress. Uptimebot is currently working on this platform and I am completely satisfied with it’s functional abilities. Of course it has lesser functions that MT and much less functions than PhpNuke, but ease of five minutes installation, attractive layout and amazingly clean code make WordPress to be the best script for building text sites, which I’d recommend for everybody, moreover that google loves blogs and this additionaly attracts me. Besides, there is a WordPress plugin that allows visitors to see when GoogleBot came for the last time – you can see it in footer of our page.

The only thing I’d like to be developed by WordPress is multi-site WordPress that would allow to build several blogs using one cpy of script (as it is possible with MT). They currently have only beta of multi-site script, but it is yet half-done and I wouldn’t recommend to use it.

Wordpress is available for download from http://www.searchenginejournal.org. Enjoy it!

Moving from HTML to PHP

admin — Sat, 20 Jun 2009 12:21:06 +0000

This is a problem that many webmasters are ought to deal with sooner or later. Especially those, who have old sites, which were all based on .html files. Of course one can just change all .html extensions to .php and replace the same characters in pages’ code. However, if you deal with SEO and your old good site occupies good position in SERPs, such changes can be fatal for your project for the following reasons:

1. All indexed .html files must be indexed again with .php extensions.
2. All links pointing particular page will be lost, unless you report all of your link partners and site owners, who link to you (re-indexing of new links will take some time too).
3. You will lose a lot of traffic from search engines during re-indexing of the whole site will occur, even if you put an error page that will redirect surfers somewhere to your .php pages.
4. Nobody knows whether your site will return back to good positions in SERPs after it will drop out.

So, what to do if you don’t want to change file extensions for the purpose of SEO, but need to include some php code in your pages anyway? There are several methods.

The first, and the most obvious is to use mod_rewrite (in case if your server supports mod_rewrite and you have permissions to modify .htaccess file). If yes – put the following strings in your .htaccess file:

RewriteEngine on
RewriteRule ^(.*)\.html $1\.php

Now all requested .html pages will be automatically substituted with .php pages.

Another method works with .htaccess again. Add the following string to .htaccess file:

AddHandler application/x-httpd-php .php .html .htm

I think that this method is the most convenient one, because it simply allows executing PHP scripts to run in .html files. If you have no access to your .htaccess file, contact your hoster and request to make appropriate modification of httpd.conf for your site.

If you were using SSI on your site, for instance like this:

Than you can replace it with the following string in your .php files:

< ? include(‘file.txt’); ?>

Make Your Banners and Design Always Visible

admin — Sat, 20 Jun 2009 12:09:21 +0000

Due to wide popularity of banner blocking software many sites are displayed without banners, or even without pieces of design, because these pieces had some attributes of banners and were recognized by ad blocking software to be banners. To avoid such mistakes and to make your banners visible, throwing ad blockers of guard, do as follows:

Check that neither images, nor banners displayed on your site are of the following sizes, which are standard for banners:

300 x 250
250 x 250
240 x 400
336 x 280
180 x 150
468 x 60
234 x 60
88 x 31
120 x 90
120 x 60
120 x 240
125 x 125
728 x೚
160 x 600
120 x 600
300 x 600

Don’t use the following words in banner links and titles:

link, ads, ad, click, banner, ban, clk, ban-clk, promote, sponsor, advertisement, adv, page, top, and the majority of adult site queries.

Ad blocking software also kills banners and images of the most popular banner exchange services, adult websites, commerce websites, but it cannot kill link of such kind: asd.php?349

Share your thoughts and suggestions.

Check Your Site Right After Starting

admin — Sat, 20 Jun 2009 12:00:36 +0000

It is a great mistake to leave your site not checked after you launch it. Lots of webmasters make sites, host them and wait till mistakes will appear. This is a completely negative approach to webmastering, because since a search spider has come and failed to access some separate pages, or directories of your site, or whether it was confused with some misworking script, it will be very hard to force search engine to index your site properly once more.

I’m writing this, because recently I had such problem with one of my sites. It was checked, but I’ve missed a broken line in one of pages and it took long time and hard work to force it to get re-indexed properly.

Optimal Title and META Tags Length

admin — Sat, 20 Jun 2009 11:44:53 +0000

Building sites, we use several HTML tags, but usually there are three of them: title tag, meta description and meta keywords tags. But do you know what is the optimal length of these tags? Many reputable SEO guidelines figure the following length for tags:

60 max chars for title tag;
150 max chars for meta description;
800 max chars for meta keywords;

Why believe “reputable” sources, which general aim is to earn money selling copies to information-seeking webmasters? Let’s go places, where this information is for free and moreover, wherefrom this information comes. I mean that resources, which give such rules.

Let’s start with the W3C, which says that the title should be not longer than 64 chars. Thus you will prevent your title from getting broken or incorrectly displayed in the majority of viewing applications that have limited lines length for title tag. You can read it here:

http://www.searchenginejournal.org/

In case if your target is Google, keep your title tag not longer than 68 chars – the rest of your title will be lost, when your site will get displayed in SERPs. See the following phrase, which is longer than 68 chars:
This is a good phrase about title tag and how it will appear in Google

This is how such phrase will appear in serps:

This is a good phrase about title tag and how it will appear in… (Last word is cut due to 66 chars limit).

Using more than 66 chars can be only useful if you’d like to intrigue your visitors. For instance such title will look attractive even though it will appear broken in Google SERPs.

Cool freebies and discounts are available in our online shop till … (Looks attractive, huh?)

In other cases, you’d prefer to keep your title tag under 66 chars to inform potential visitor about your site’s content correctly and attractively.

Unlike Google, Yahoo! allows titles up to 120 chars long, but it will crop your title right at 120th tag regardless whether it was the end of word or not, thus the end of your title in Yahoo SERPs can look as follows: “the end of a cool phra…” instead of “the end of a cool phrase…” or, as Google cuts it “the end of a cool …”.

Thus targeting your title for both engines consider making it significant for both cropping cases. For instance take a look at this phrase:

Cool description of a title tag and how it will appear in Google and Yahoo search engines.

In Google it will look as follows

Cool description of a title tag and how it will appear in Google…

And in Yahoo it will be full, because total length of this phrase is 91 chars of絸 allowed by Yahoo:

Cool description of a title tag and how it will appear in Google and Yahoo search engines.

Due to meta keywords and meta description tags – they can be of any length you’d like to, but remember that they have become probably useless for SEO. But we still need meta description: site description is used when listing it in directories, thus keep your meta description precise and cute and not longer than 120 chars (usual description length in directories).