Blog

Why need semantic markup for web pages?

In layman’s language semantic word means the study of language meaning. Markup is a notation that indicates how text should be displayed. In context of html coding and web design, semantic markup means the codes should describe the content it contains. According to Google’s Webmaster guidelines – Write pages that clearly describe your content. The only way of achieving this objective is to use semantic markup. Semantic markup means using html elements that are appropriate to content meaning rather than content presentation. The code should represent the information contained in elements and should be contextual to the content. I would like to cite a few examples of semantic markups. A great example of semantic markup is the use of the and tags, instead of the and tags. On first reflection and are the same things. The tag defines its content as having a strong emphasis, whereas the tag tells the browser to style its content with a bold font weight. They may produce the same look, but the two things are not the same. From a search engine’s point of view, the tells the search engine that its content are keywords to the definition of that particular webpage theme and should be given some significance. The same goes for the tag which states that its contents should be given an emphasis whereas the tag merely states that its contents should be italicized.
Another example:
Incorrect

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus libero felis, iaculis vitae, elementum id, laoreet sit amet, elit. Cras iaculis aliquet augue.Quisque lacus velit, tempus at, faucibus eget, lacinia id, libero. Duis aliquam, eros a consequat imperdiet, sapien ante ullamcorper sapien, id venenatis lacus augue in lorem.

Correct:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus libero felis, iaculis vitae, elementum id, laoreet sit amet, elit. Cras iaculis aliquet augue.

Quisque lacus velit, tempus at, faucibus eget, lacinia id, libero. Duis aliquam, eros a consequat imperdiet, sapien ante ullamcorper sapien, id venenatis lacus augue in lorem.

The paragraphs of text should always be wrapped in the paragraph (

) tag. The ‘p’ tag. By default, starts on a new line, so this is the correct method of making paragraphs; do not use the
element to do the same thing, as this is not semantic.

Semantic markups help the contents to be shared readily. Search engines are able to accurately interpret content when semantic markup is used. Writing a semantic markup brings following benefits:
• Easy to Use: One of biggest benefit of having semantic markups is that it is easier to use. Semantic markups are easier to read and edit markups that are not made up of extra tags and inline styling. It also saves money and time. Having semantic markups will also help the web developer in implementing the page template in a content management system. Using of semantic markup also help in quick loading of website.

• Accessibility: Semantic markups help in improving the website accessibility. The use of external css and table less layout makes the html files lighter and make it easier for quick down load. Semantic markups use W3C standards to ensure most consistent results when it comes to cross browser compatibility. All major web browsers conform to this methodology.

• Improvement in Search Engine Rankings: Semantic markups will help in getting better search engine rankings as search engines easily distinguish the importance level of document’s different parts and what message is conveyed. Use of semantic markups will make the web pages lighter and use of table less layouts will make it easier to index by search engines. The search engines would be able to understand contents quickly and easily without any ambiguity.

• Device Independence: A semantic html document can be paired with any now number of style sheets to provide output to computer screens through web browsers and handheld devices. To accomplish this thing nothing needs to be changed in well coded semantic html. Readily available style sheets make this a simple matter of pairing a semantic HTML document with the appropriate style sheets (of course, the style sheet’s selectors need to match the appropriate properties in the HTML document).

Today web environment is not only limited to web browsers like IE, Firefox, Safari, Chrome but also to various mobile computing devices and new ways of viewing and using web content are being invented every day. Ultimately, following semantic web markup practices and using carefully validated page code and style sheets is your best strategy for ensuring that your web content will be broadly useful and visible into the future.

Be Sociable, Share!

Related Post

  • Categories: Online Marketing Strategies, Tutorials, Website Design

    How to Write an Effective Newsletter

    Jan 26, 2012   l   0 Comment(s)

    It’s true that writing a newsletter is an effective way to keep in touch with customers– but there’s also the issue of whether they will read it or not. In the digital age, sending newsletters to a myriad of people doesn’t even require one to break a sweat, subsequently filling everybody’s inboxes with marketing blurbs Read More…

    Be Sociable, Share!
  • Categories: Search Engine Optimization, Website Design

    Need of HTML Code Validation

    Oct 02, 2011   l   0 Comment(s)

    Today there are varieties of browsers including mobile browsers that may be used for browsing websites. In present scenario, the web developers ensure cross browser compatibility to ensure that websites are compatible in all leading browsers. The first step to ensure that website is visible in multiple browsers is to write good html. Many people Read More…

    Be Sociable, Share!

Leave a Comment


Math Captcha: Prove that you are human by answering this question *