HTML Basics for SEO
•
1 like•98 views
So, Do we really need to know HTML to learn SEO, an important pillar of Digital Marketing. The Answer is undoubtedly YES . Lets see how much HTML !!
More Related Content
What's hot
What's hot (20)
Similar to HTML Basics for SEO
Similar to HTML Basics for SEO (20)
Recently uploaded
Recently uploaded (20)
HTML Basics for SEO
- 1. Sumeet Kaur Chadha * DIGITAL MARKETING HTML BASICS FOR SEO
- 2. Contents • What is HTML? • HTML page structure • HTML Header Area • HTML Title • HTML Description • HTML keyword Meta tags • Heading tags within a webpage • What are Alt tags • Assignment
- 3. What is HTML ? HTML is a markup language for describing web documents (web pages). • HTML stands for Hyper Text Markup Language • A markup language is a set of markup tags • HTML documents are described by HTML tags • Each HTML tag describes different document content HTML Tags: HTML tags are keywords (tag names) surrounded by angle brackets <tagname>content</tagname> The start tag is often called the opening tag. The end tag is often called the closing tag.
- 4. How an HTML Page looks like ? It is important that you understand the basics of how the coding for a webpage is put together. You do not need to know the full technical details, but it would help to have a basic understanding of the sort of structure used within a web page.In order to view the HTML source that makes up a Web page, simply display a webpage within a browser such as Google Chrome, and then right click over the webpage. From the pop-up menu displayed, select a command such as ‘View source’. The source code would then be displayed within a window on your screen. If you look carefully you will see that the source code is divided into two basic areas. At the top is a header area while the rest of the source code is divided into the body area.
- 5. HTML Header Area A typical HTML header area is shown below. This is a simplified example and you will normally find many other elements within the header area besides those illustrated below. As you can see the start of the header area is defined by a <head> tag, while the end of the header area is defined by a </head> tag. Example: <!DOCTYPE html> <head > <title>Google Adwords Certification – Study material for Google adwords certification exam Foundation level, Certification questions, answers, tutorials and more</title> </head> </html>
- 6. HTML Title As the name implies the title section within the HTML code defines the title of a particular webpage. The Web page title is seen displayed within the title bar of your web browser. The title is also used by search engines such as Google to get an idea of what a particular web page is about. The title should be as concise as possible and describe exactly what that particular page is about. A very common error on many websites is to have every single webpage within the website displaying exactly the same title. You should always take the time to have different titles on each individual webpage, and each title should exactly reflect the content of that particular page. All other things being equal getting the HTML title right is probably the single most important factor affecting on-page SEO.
- 7. HTML KEYWORD META DESCRIPTION TAGS The meta description in many ways is similar to the title and should relate to the text contained within the title. As the name implies, the description is there to add extra details to the information contained within the title and as you might expect, you can enter more information into the description area. <head> <meta name="description" content="This is an example of a meta description. This will often show up in search results."> </head>
- 8. HTML keyword Meta description tags The keyword Meta tags used to be very important for SEO, but due to misuse over the years they have become less and less important. Some search engines will ignore them altogether. That said, it won’t do any harm to have a good set of keywords, listed within the Meta keyword tag section. You should list your keywords in order of decreasing importance and you should separate each word or phrase with a comma. The meta description should employ the keywords intelligently, but also create a compelling description that a searcher will want to click. Direct relevance to the page and uniqueness between each page’s meta description is key. The description should optimally be between 150-160 characters.
- 9. Heading tags within a webpage Within a webpage you will normally have a short piece of text, which acts as a heading, and underneath you will have the body of the text associated with that header. You may be familiar with using headings within a word-processing application such as Microsoft Word. The use of headings within an HTML document uses exactly the same principles. The main header is normally labelled as Header 1, while you can also use sub-headers which will be labelled as header 2, header 3 etc.
- 10. TIP TIME Google will pay a lot of attention to the text contained within headers displayed within a webpage. You should think very carefully about what text to include within your headers, and find as many opportunities as possible to include important keywords and phrases within your header’s. Do not be tempted to stuff the headers with a list of keywords or phrases.
- 11. What are Alt tags? Alt is short for alternative. If you think about it, Google knows nothing about the content of any pictures you may have on your website. If you have one picture of a car and another picture of a mouse then all Google knows is that you have two pictures and that’s about it. The idea of alt text is that you can hide a little piece of information behind each picture and basically tell Google what the picture is about. This may sound complicated but is actually really easy to do. Whenever you have a picture on your website you should always have alt text behind it. You will not see this alt text on the screen but Google will be able to read it. This alt text can be rich in your important keyword phrases. For instance if you have created a site relating to trainings in Austin, you could display a picture in the website, and the alt text behind the picture could contain the phrase Trainings Austin.
- 12. What are Alt tags? The reason this is important is because the alt text gives you an opportunity to embed your important keyword phrases into your website and they will not clutter up the screen or detract from the visual look of your website. We see numerous client websites where not a single picture has alt tag attached to it. This can harm your search engine optimization as Google expects alt tags behind pictures. <img src="Delhi.gif" alt="Delhi">
- 13. Are You Ready ----- PRACTICAL ASSIGNMENT ON HTML - Write HTML Using Notepad or TextEdit Step 1 : Open Notepad Step 2: Write Some HTML Step 3: Save the HTML Page with .html or .htm extension Step 4: View HTML Page in Your Browser CAN YOU CREATE A PAGE USING HTML BASIC TAGS STUDIED IN THE PREVIOUS SLIDES ? IF YES, YOU ARE READY TO USE SEO FOR YOUR WEBSITE !!