What Are Meta Tags In Html?

Here is a quick overview of the power of meta tags and what they are.

Hello everyone! Today we will discuss about an abstract part of Html! It can be hard to understand at the beginning but you will quickly get the feel of it and discover the power of meta tags!

Meta tags are tags from the HTML language and go into the <head></head> tags. They are very interesting because they have nothing to do with what appears on your website. It is more about giving information about your website to search engines than anything else. You can do lots of different things with them and they are all optional!

programmer-working-on-the-computer_23-2147505689

Meta tags are mainly used for SEO but you can also use them to give other types of information to search engines. Today we generally use meta tags to give a description about your website when your link appears on the search results and to give keywords about your website to search engines. Although it is mainly used for SEO, there are a lot of different meta tags and we will not go into detail about all of them in this post. I will only give you an overview of the most important ones. I might talk about more abstract tags in future posts.

Some of the most important meta tags:

  • <meta name=”description” content=”text“>  => This is the description that will appear under your link in the search results.
  • <meta name=”keywords” content=”words“>  => These are the keywords that represent your website. Separate them with a coma and do not put more than 10 (it could be sanctioned by search engines).
  • <title>text</title>  => This is the clickable text right above your link in search results.
  • <meta name=”language” content=”language“>  => This tag tells the search engines what language your website is in. You would replace the “language” in content by the language of your website.
  • <meta name=”web_author” content=”text“>  => This tag is used to tell the name of the company that created your website.
  • <meta name=”robots” content=”selection“>  => This tag tells search engines how many pages of your website you want their spiders to index. I will go into more detail about search engine spiders in a future post. Stay tuned!

These are some of the most used meta tags. There are other very relevant ones but more complicated. I just wanted to give you an overview but I will post future articles about these more abstract meta tags! Don’t hesitate to follow the blog if you learnt something in this post!

 

 

What are the different text types with Html?

Hello everyone! Today we will start with the very basics of Html! You will learn how to create text items on your beautiful webpages.

Firstly, you need to know that the main text items on HTML are paragraphs and titles. As HTML is very intuitive, the tags have a lot in common with the real words.

For normal text paragraphs on your webpage, you should use the <p> tag. It is very easy to use. You open it like this: <p> and close it like this </p>. This tag is used for any text items that are not important lines of your webpage or titles.

Example: <p>This is a paragraph</p>.

For titles or important parts of your webpage, you should use the <h> tag. This tag goes from <h1> up to <h6>. <h1> is the biggest title and <h6> the smallest. You do not need to assign a size to one of these tags as they already come with their own size. If you want to keep the same size but want your text to be an <h1> or <h2> for example, you can do it. This can be useful if you want to write everything in the same size but want your website to be SEO friendly. Effectively, <h1> and <h2> are the first tags being read by search engines. This is why you want to put your important keywords and titles in these tags.

Example: <h1>This is the most important title</h1>.

Capture d’écran 2017-04-19 à 15.44.40.png

That is pretty much it about text items in Html! As you can see it is very easy to make text appear on your webpage. You just need to know the tag names and be careful in closing every tag you opened with a backslash before the tag name.

I will talk about more complex Html tags in upcoming posts. If you want to be updated, follow the blog!

 

How and What Meta Tags to use for SEO?

Hi everyone! Today we will talk about something that every website owner wants to master: Meta Tags. You will need them for SEO on your website in order to be easily found on search engines.

Let’s get into the work! Meta tags are code tags that you might want to add to your website code. If you did not code your website but used a CMS, you will always find a place in which to write the content for the main meta tags.

Meta tags help search engines get information about your website so that they can show your website for relevant searches. They will also help your website get into top rankings because the more information search engines have about your website, the more chances you have to be found.

seo-1629811__340.jpg

However you need to be very careful on what you write in these meta tags because they can have an influence on your ranking. They were extremely useful a few years ago but they now lost a bit of importance. However they are still a bit useful for SEO but also to give information about your website to the people who search for websites like yours.

Here is a list of the most important meta tags and what you should use them for:

  • Meta charset: {<meta charset=”UTF-8″>}. This tells search engines that they need to read all the letters that you wrote on your website as they are. For example, depending on the language, if you do not use this tag letters with accents will become other letters.
  • Meta description: {meta name=”description” content=”This description will show up in search results.”>}.  This is the description that appears on search engines when people search for something. Your URL will appear with a small description of your website under it. This is the description you wrote in this tag. If you do not have any description meta tag, search engine will automatically write a description for your website according to the information your website gives.
  • Meta keywords: {<meta name=”keywords” content=”HTML,CSS,PHP,PYTHON”>}. These are all the keywords of your website. This tag was extremely important before but has lots a bit of importance now. However it will do nothing bad to your website if you use it.
  • Language tag: {<html lang=”en”>}. This tag is used to tell search engines the language of the content on your website. It used to be a meta tag but is now counted as an attribute as you can see in this case.
  • Meta device: {<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>}. This tag is used to change the height and width of your website depending on the device used by the visitor. This is due to the fact that a website is shown differently on a desktop and a phone screen for example.

There are lots of other meta tags but the most important are here. I will describe more specific meta tags in future posts. I will also get into robot tags in the future. If you want me to talk about a tag in particular, just leave a like and a comment!

What is Html? What do we use it for?

Have you ever wondered what Html actually is? You might have already come across this word hundreds of times on the internet without even knowing what it is!

Come on, read this post and you’ll feel a lot more clever!

Capture d_écran 2017-03-13 à 15.35.36

Html is the Hypertext Markup Language. Now, you might be thinking what you’re reading  is not for you because of that strange name but actually, this language is ONE OF THE simplest coding languages you will ever find!

And guess what? It is super powerful! It’s easy to learn, intuitive and powerful. Html is the base of a website. You need it if you want to write text, display images, videos, sounds, colors…Together with CSS(mettre css en lien avec le post css dans brouillons), they are the basis of websites and web applications.

If you want to learn coding, you NEED to start with Html. There is no choice. Without it, you’re lost. There are many free tutorials to learn this language on the internet and I will start posting tutorials too! So, follow the blog and wait for new tutorials on it!

For more infos on Html , you can visit their official website.

Was this post useful? Follow our blog and share it! Leave a comment for any question or suggestion! We will post tutorials for Html later on and will start talking about CSS too!