Articles by "HTML5"
Showing posts with label HTML5. Show all posts

                                                                                   
Optimizing HTML Tags: Applying Best Practices for <title> Tags



What is  Title Tag?


It is an HTML element used to provide the title of a webpage.

If a page has one, it's the blue clickable links on the search engine results page. Having a well-written title tag helps users get a concise description of the content on the page. Besides giving a preview of what the website is about, the title tag is a useful search engine optimization (SEO) technique to utilize. As an element of search user experience and SEO Philippines strategy, you can use it to establish keyword relevance.

Still, you must create a <title> tag that answers the needs of humans and crawlers. Applying these six practices keeps your title neat and invites users to visit the website.


1. Place the title within the <head> tag.


To maximize the value of your code and earn the rewards of using a title tag, use only one title tag page. Having multiple titles, no title, or placing the tag in the <body> instead of the <head>. All of these will negate the potential of the title tag. Remember, the title must be in the head section to become valid.

2. Follow the descending order of the words.

The title tag is the most prominent. Thus, it's the best place include the keywords you want to rank. Search engines prioritize the first word as the most valuable, followed by the second, and so on. As their position in the title tag increases, their value decreases. Thus, construct your text line with care.


Using traffic values as the basis during your keyword research is one way to create a title tag text in descending order of value. Beware of the keyword's competitiveness, tie-breakers, and close calls. Most of all, don't make the title tag a dump field. Patching up a list of words wouldn't sound natural to users. Keep a natural tone of voice to gain clicks to your site.

3. Limit character use. 

As much as possible, keep your text under 70 characters including the spaces. When it exceeds the limit, search engines drop your page's keyword relevance to zero. At the same time, the SERP truncates wordy titles. Your title is cut off by ellipses which aren't appealing to users.


According to Moz, the best titles are 60 characters long. That way, titles with characters that takes a lot of space such as "A" and "W" will avoid truncation. On top of that, avoid using titles on ALL CAPS. It limits the number of characters on display while being harsh on sight.

4. Give up stop words.


Site indexes ignore stop words as they have no keyword value. Focus on the function words which in a grammatical sense are the nouns, verbs, and, adjectives. Articles, conjunctions, and prepositions are examples of stop words to avoid so you can maximize the text space. Still, you must retain your creative streak to send your message across using a limited number of words.

5. Avoid repeating the same set of words.

Though you run the website, use a unique title text tag per page. Ensure that each page reflects the targeted keyword on the page. It allows users and crawlers to differentiate the content within the pages. It places user experience above the bots. Create unique, compelling and data-driven titles to increase your click-through-rate (CTR).

The same goes for the H1 and meta tag description. Instead, use them to create relevance to your keyword and overall theme of your page. Think of your H1 tag as the online version of a newspaper headline. Go for synonyms, variants, and keyword association over keyword stuffing.

6. Put site branding in the last part.


Given the descending value of keyword relevance the title tag, the branding must go at the last part. If you have other keywords competing for exposure on the page, you can opt it out. Focusing on branding is crucial for companies whose site traffic comes from the brand of products and services. Meanwhile, an established, well-known brand helps you boost your CTR.

Reflecting the necessary and relevant keywords in the body text is also a vital SEO agency technique. It shows the search engine the overall content of the website. To make an optimized <title> tag, remember these tips. It must be well-written. It must apply the decreasing value of keyword relevance. It's a unique string of text that summarizes the page in 60 characters. When you have all of them covered, you now have a SERP-friendly title tag.
Google Adsense scripts need to be parsed at times before inserting them on a web page. I have been doing this for some blogger templates when i want to insert the ad code directly in the blogger  HTML editor. 

I have explained in my previous post what parsing is and how it is done. There are several online tools that permits us to covert codes from one form to another.  For example, we can convert HTML to XML, html to python, C# to python Java to Ruby, Boo to Java  VB to C#,java to html among others. Some of these online converters are free while other are paid. Online parsing tools (parsers ) can be of  great importance as, it save your time when you want to convert ad codes from adbrite,adsense or any order code.

One of the challenges faced by blogger adsense publishers is the error message ''Your HTML code cannot be accepted'' when you add an ad code directly inside the template code editor. Parsing tools like the one you will see later are just the best option to solve this problem.

 Using the  Adsense Parsing/Ecoding /Escape Tools

Using the tools are very easy. All you need is to have the code that need to parse. After pasting it you either get the parsing done automatically (Automatic parsing Tool) or by clicking on a Parse button or Convert Button(Semi Automatic). This Will thus lead us to two main types: Automatic Parser and Semi-Automatic Parser. You can see how each tool look below



 




1. Automatic Html Escape Tool



 2. Semi-Automatic Online  Encoder


In this post we will go through some of the tools that we think are worth checking out. You can get use these tools to carry out specific task or just for fun.
The most popular converters are html to xml code converter.
You can read:

1. HTML to Xml Parser.
 This free online tool converts Adsense and other HTml codes into XML coding that will work with blogger templates.  You can try out this tool at 
html-to-xml-parser

2. Blog Crowd HTML PARSER: 
Blog crowds offer another greate tool that can  help blogger users to add adsense codes on blogger templates.  The Blog crowd parser is written in php. You can try this tool by Checking out Blog Crowd

3.  Free Adsense Code Online Parser Tool
This tool is very good for newbies as the author had put in place a step by step guid on how to get the code  and how to add it to the blogger template.  You code is parsed after clicking on the Encode button on the tool. The Tool is availble here

4. Blogger sentral htmle Esacape Tool. 
This HTML  encoder .In addition to this tool you can get SEO tools and character counter on Bloggers Sentral. Using this tool is very simple as the encoding process is automatic. Once you paste the code in the code box, the converted code automatically shows as out put in another code box.
To Enjoy this tools, Go to blogger Central PARSER Tool  page

5.  Parse HTML for Blogger XML templates
htmlparse.com offers another great parsing tool that can be used create ad codes compatible with blogger HTML templates. The  free encoding tool has an option to Clear the code without refreshing the page.  If you wan to try this tool, then  pay a visit to HtmlParse

6. HelpLogger   Adsense Code Converter
also offers a tool that converts Java code so that it is compatible with blogger templates. It has been a perfect tool for parsing adsense,chitika ,adbrite and other java script codes. If you want to escape characters that are not supported by in your templates, then consider trying out this adsense code converter.
7.  Adsense Ad Code Converter HTML to XML 
someshr.com brings to you another great code CONVERTER. This tool comverts HTML to XML .
This tool  is dsiplayed as a single box and funtions as follows
* Go to  Someshr.com
*Paste the HTML code in the tool
*Click on convert.
    You can convert more codes by clicking on the clear button. Hope you will give a try to this tool.
8. Blogger Tip HTML TO XML Parser Tool
 Blogger tips brings to you another great HTML TO XML parsing tool that can be used by adsense publishers to  parse ad codes This tool had been tested with adbrite and chitika as well. The tool converts the code automatically. Using this tool is easy as it require no technical knowledge. You major role when using this tool is to know how to get the code and how to paste it.

 Let us go beyond adsense here.
9. Telerik  C# TO VB and VB to C#   Code Converter
Telerik Code Converter can be used to convert C# to VB and vice versa. This can be done by selecting the direction of conversion from the drop down located above the code box.  This tool is free to use.
10.  VARY CODE Multi  Code Converter
Vary code is one important code converting tool that we need to check out. This tool converts C#, VB,Java, C++,Ruby,Python to one another as mentioned here.  This tool is available for both free and paid users. Paid users will have access to more languages while free users are limited to particular coding languages. The tool has the ability to detect automatically what the source code is and converts it to the desire language.  We thus term Vary Code the ''Big Man'' when it comes to converting codes from one form to another.
     Thank you for checking out mys list. These tools are the tools i often use, i know there might be some excellent tools i have not mentioned. As seen in my post i just needed ten. However we can continue the list in the comment section. Code parsers should be used for small lines of codes. There cannot be guaranteed to be 100% effective. As such, you are required to make use of your own coding skills to correct any errors if necessary.
  What do you think  about parsing Adsense codes and other codes?
     
 SOME NEW HTML5 Tags



















 
New elements/tags
Whats is it used for?
<header>

Define  Then header region of a page
<footer>

Define  The footer region of a page or or section
<nav>
navigation region of a page or section

<section>

 Define  a logical region of a page or a grouping of content.
<article>

 Define  an article or complete piece of content
<aside>

FOR secondary or related content.
<meter
Describes an amount within a range
<progress>

Control that shows real-time progress toward a goal


                            
HTML= Hper Text Markup Language
 
The introduction of HTML5 as the standard web language by the world wide consortium had brought about improvement of websites as well as browsers. It has also brought about confusion on the path of developers and writers as it brought one of the highest numbers of changes from compared other changes that had been recorded. ‘’HTML5 works hand in glove with CSS3’’ to make the web easy to access and interactive.
      HTML5 has brought about more descriptive tags, better cross-site and cross-window communication to animations as well as improved multimedia support. We are going to look at some important tags gone as well as their replacements.
There should be no hesitation to learn HTML5  and CSS3  be  you a web developer or a writer.

What are you going to achieve with HTML5 AND CSS3?

Multimedia with Less Reliance on Plug-ins,
Better Applications, Cross-Document Messaging,
 Web Sockets,
 Client-Side Storage,
 Better Interfaces,
Better Forms,
Improved Accessibility,
Advanced Selectors,
Visual Effects
 Let’s get to see some changes

 Old method of defining HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >


HTML 5 Definition

<!DOCTYPE html>

   What CSS3 can do                                                                                                                                                   With the introduction   of CSS3, the following tags(deprecated tags) can be achieved.
basefont, big, center, font, strike, tt, u, frame, frameset, noframes

           It is worth noting that many websites use this tags , since HTML5 is still in development. The above tags can also be achieved in HTML5 websites by using java scripts.
 
      What about alternative tags?
Even though the tags above will be thrown always, some tags are replaced by short HTML5tags
     The following elements are replaced
Old element
Replaced by
acronym
 abbr.
applet
applet
dir
 ul.

            

 Now, what about attributes?
        In addition to deprecated elements, there are many attributes that are no longer valid. Some of these attributes include
 Align,link, vlink, alink, and text attributes on the body tag
== bgcolor,  height and width, scrolling on the iframe element,  valign
== hspace and vspace,  cellpadding, cellspacing, and border on table
==the longdesc attribute for img and iframe

A PLATFORM FOR WEB DEVELOPMENT 15
If you are new to web designing then this post will guide you on what to read/add on your sites.
What if i have developed a website with the Old/invalid tags?                                                                         If you have a  website and wants to update to HTML5 standard, then you can validate your web pages withW3C . Validating with W3C helps you identify the deprecated tags.
     If you able to identify some of this deprecated tags, then you can come back in our next post which will unveil soem of the new tags introduced in HTML.

Resources
1. http://www.w3.org/TR/html5/.
2. http://www.w3.org/Style/CSS
3. Adobe dream weaver Resources
4. P.Hogan. (2010). HTML5 AND CSS3 develop with Tomorrow's Standards today .