HTML

HTML is the abbreviation for Hypertext Markup Language. This standard markup language for the Internet describes the structure of a website. Every browser “reads” HTML and outputs these instructions on the screen or display – in the form of pages with fonts, images, videos, graphics, buttons and many other elements.

If you want to get an impression of HTML, you only need to call up any website in your browser. The instruction “Show page source code”, which can be called by right-clicking, shows the content of a website in the form of pure HTML. At first glance, this code seems cryptic. However, if you take a closer look (for example, using a special editor), you will see clear structures – especially consistent nesting. The DOM (Document Object Model) makes use of this nesting: Each individual element of a website, for example a paragraph, an image or a link, can be accessed using markup and programming languages such as CSS or JavaScript. In this way, the individual elements can be formatted, but also hidden, animated or dynamically changed.

How HTML works

HTML consists of individual tags that define the structure of an HTML document. These tags determine the beginning and the end of the respective elements. The end tag is provided with a slash (/) for this purpose:

<h1>This is a heading</h1>.
<p>This is a paragraph</p>.

The distinction between the head and the body of a document is essential. The Body contains the actual content – primarily text, images, videos, and design elements. The Head is interesting for programmers and designers, but also for SEO experts. Here you can find references to scripting languages like JavaScript (<script>), formatting languages like CSS (<style>) and descriptive information about the page content (<title>, <meta> tags for content details, keywords, the author, etc.). Especially the <title> tag is important from the SEO point of view. Because the content of this tag is not only displayed on the browser tab. As a rule, the title serves Google as a heading for individual search results.

So HTML is primarily used to define the semantic structure of a website. All elements of a website can be displayed with HTML in a simple and above all cross-platform way.

From HTML 1.0 via XHTML to HTML5

The history of HTML is as old as the World Wide Web. In 1992, the first version was published (HTML 1.0), which was still intended exclusively for text display. The highlight of this new markup language was the anchor tag (<a>). In a simple way you can link to other pages with it. One click – and immediately another document appears, possibly stored on a server thousands of miles away. This possibility of fast linking is the real secret of HTML’s success.

After several syntax adaptations in the 1990s (HTML 2, 3, 4), the W3C (World Wide Web Consortium) published a new development in 2000: XHTML – Extensible HTML. This HTML version was essentially oriented to the meta language XML. However, the project was abandoned in 2014 in favor of HTML5. HTML5 provides very simple ways to integrate multimedia content – for example, videos, audio files, diagrams, graphics and dynamic visual effects. The entire structure of a website (navigation, footer, articles, etc.) can be easily clarified with HTML5.

HTML5 was primarily developed in response to the growing importance of mobile devices. A website whose source code is HTML5-compliant is also advantageous for search engine optimization. Google registers the different versions of HTML and CSS and thus evaluates, among other things, the topicality of a website.

Explanation of the most important HTML tags:

Tag  & Meaning
<html> The introductory tag for each HTML document.
<head> The “head” of the document for individual technical instructions
<body> The actual document that is output by the browser
<h1>, <h2>, <h3>… headings of various orders.
<p> paragraph
<strong> Emphasis, bold (formerly <b>).
<em> emphasis, italic (formerly <i>)
<a> link
<table>, <tr>, <td> table, table row, table cell
<ol>, <ul> Numbered list, list with bullet points.
<li> A single list item

Tags can contain attributes, for example an ID (<p id=”erklaerung”>) or a class (<p class=”roteSchrift”>). The IDs or classes can be used to access the respective elements using JavaScript or CSS.

HTML, JavaScript, PHP & Co.

In addition to HTML, CSS, JavaScript and PHP play a major role in the layout and functionality of a website.

CSS (Cascading Style Sheets) is used to design HTML documents.
JavaScript is a programming language that was developed especially for websites. Ajax and jQuery use JavaScript as a basis.
PHP (Personal Homepage Tools or Hypertext Preprocessor) is a very powerful programming language that acts on the server side. PHP can create or modify HTML documents. In interaction with databases (especially in online stores) PHP shows great strengths.

The final formatting of the individual elements is done with CSS (Cascading Style Sheets). Example:

A CSS file contains the following command: p { color: red; }
Any HTML document that references the CSS file in question will show all paragraphs (<p>) in red.

Google also reads HTML

The robots of search engines like Google analyze HTML. They examine the source code not only for the frequency of certain keywords, but also for where they appear. The placement of keywords plays a decisive role in the thematic relevance of an Internet page. For example, if the keyword “flowers” appears in an h1 heading (i.e. a first-order headline), this is a very strong indication that the entire text is about flowers.

Google’s algorithms only capture the HTML source text. This also applies to images. The actual image file is less relevant. An alt attribute can be used to describe an image using HTML. This gives Google an indication of what is displayed on the image:

<img src=”flower.jpg” alt=”A red flower”.

Elements for texts in HTML

A website whose syntax conforms to HTML rules not only looks good. It is also evaluated positively by search engines. Four elements are particularly important for creating texts that do not require images or additional effects:

<h1>headline</h1> (or <h2>, <h3>, etc.).
<p>paragraph</p>
<strong>bold</strong>
<em>italic</em>

If these four tags are used correctly, programmers and web designers will have no problem rehashing a text for the web and integrating it into a web page. The final design is done with tools like CSS or JavaScript. If you want to learn HTML, you can find a lot of tutorials for this on the Internet.

 

SEO-Content ✔️ Blog Content ✔️ SEO Content Writing ✔️ Article Writing ✔️ E-Books ✔️

Recipe for success for international SEO texts

Recipe for success for international SEO texts Why do I need international SEO texts? The internationalization of one's own business holds great potential. Especially for industries that are subject to high competitive pressure in the German market, foreign countries...

White Hat SEO

White Hat SEO White Hat SEO is the term used to describe all search engine optimization measures that are based on the rules of the search engines. The opposite of White Hat SEO is Black Hat SEO. In online and search engine marketing, it is important to avoid methods...

Thin Content

Thin Content Thin content is the term for "thin" digital content that offers the user little or no added value. Officially, Google rates websites as irrelevant and thus as thin content if they do not meet the requirements of the Webmaster Guidelines. The term Thin...

Search Engine Advertising (SEA)

Search Engine Advertising (SEA) Search engine advertising (SEA) is a subsection of search engine marketing and is therefore part of online marketing. Search engine advertising covers the area of paid advertisements that are primarily displayed on the results pages of...

Snackable Content

What is Snackable Content? Snackable content refers to texts, videos, images or other content that is particularly easy to consume. Due to its simple design, this type of content is usually used for entertainment purposes. Snackable is based on the English term snack,...

SERP

What does SERP mean? SERP is the abbreviation of Search Engine Result Page and refers to the pages where search results are listed in search engines like Google. Ranking in SERPs is essential to the success of websites. Website operators want their offers to be...

Semantic Search

Semantic Search Semantic search is a method by which the algorithms of search engines such as Google can draw conclusions about the user's intentions or objectives. To do this, they place the components of the query in context with one another and analyze the...

Seeding

Seeding Seeding is the planned distribution of content on the Internet. To do this, the content creator contacts thematically relevant influencers in a targeted manner in order to persuade them to distribute his content further. The influencers use their own networks...

Search Term

Search Term In online marketing, "search term" refers to the word or words that users enter in a search engine such as Google to find content related to that term. Search terms play a central role in online marketing because the keywords that are crucial for...

Robots.txt

Robots.txt The robots.txt is a text file that is important for indexing website content. With the file, webmasters can specify which of the subpages should be captured and indexed by a crawler such as the Googlebot and which should not. This makes robots.txt extremely...

Return on Investment

Return on Investment The return on investment (ROI) puts the profit in relation to the capital employed. The return on investment is one of the most important key figures in business administration, marketing and controlling. The ROI provides a statement about the...

Retargeting

What is Retargeting Retargeting, often referred to as remarketing, is an online marketing tool. In this process, Internet users who have visited a certain website or clicked on a certain product are addressed with targeted advertisements on their way through the web....

Responsive Content

Responsive Content The term "Responsive Content" describes website content that adapts to the individual characteristics of the website visitor. In this way, users of a website see different content depending, for example, on which device they are using, how often...

Referral-Marketing

Referral-Marketing Referral marketing is a form of recommendation marketing that is actively initiated by companies. Existing customers of a company recommend a product or service, e.g. to their family or friends. The company usually offers an incentive or reward for...

RankBrain

Rank Brain RankBrain is a part of Google's algorithm that is used in processing search queries and determining SERPs. However, RankBrain is not just any piece of the algorithm, but a subsystem that contains the first beginnings of artificial intelligence and can...

Product description

Product description Product descriptions are texts that explain the features and characteristics of products. As a rule, product descriptions are used in web stores and serve to inform potential customers and reinforce their intention to buy. The e-commerce industry...

Plagiarism

Plagiarism If someone else's intellectual property is taken over and passed off as their own work, this is known as plagiarism. This can be, for example, texts, images or melodies. Often, plagiarism is a violation of copyright law, which protects personal intellectual...

Pillar Content

Pillar Content Pillar content is a content marketing strategy that intelligently structures central content and secondary content. The basic content is the actual pillar content, around which topic clusters are grouped. The long-term effect of this approach is the...

Panda (Google Updates)

Google Panda Google's Panda Update describes a series of algorithm changes with which the search engine provider reorders its search results. The Panda Update first appeared in 2011 and, according to Google, is primarily intended to address the quality of content on...

Outbound Marketing

Outbound Marketing Outbound marketing is often referred to as the traditional form of advertising. Here, the advertising company contacts the target group directly and provides them with an advertising message. The difference to inbound marketing lies in the...

Onpage Optimization

Onpage Optimization Onpage optimization (also: onpage optimization) is a part of search engine optimization (SEO). It describes the measures website owners apply to the actual website to make it as findable, usable and readable as possible for search engines and the...

Online Editor

Online Editor An online editor creates content and prepares it for publication on the Internet. This usually involves texts. However, multimedia content such as videos, images and graphics are also an important part of the work of online editors. Online editors can...

Online Marketing

Online Marketing Online marketing is a marketing discipline that, in contrast to classic advertising, is based solely on the medium of the Internet. In online marketing, search engine marketing, banner advertising, e-mail marketing, affiliate marketing and social...

Onepager

Onepager A onepager is a website that consists of a single HTML page. Navigation on the onepage website is usually done by scrolling or jump labels. Onepagers are most suitable as single-topic pages or landing pages for clearly defined campaigns. As far as the design...