The Beginners Guide to SEO In Blogging
Tags: beginners, learning, career, blogging
Published: 2020-01-07 15:42:43

---
title: The Beginners Guide to SEO In Blogging
published: true
description: In this article, I will show you how to do seo in your personal blog.
tags: beginners,learning,career, blogging
cover_image: https://thepracticaldev.s3.amazonaws.com/i/cp86gf8w320flmdn7hyl.png
---

In this article, I will show you how to do SEO in your blog.


## What is SEO?

The full form of SEO is search engine optimization, it means how to get organic traffic to your blog  by making your content search engine friendly.

## Meta tags

In this section, you will learn about meta tags.

Meta tags are used inside the `head` element, which helps the search engine to know better about your content.

__Meta description__

The meta description tag helps the search engine to generate a search results snippet (sometimes google chooses randomly from your content).

[![reactgo search snippet](https://thepracticaldev.s3.amazonaws.com/i/k38wpfqwakk4j9enhun0.png)](https://reactgo.com)

Example

```html
<meta name="description" content="write a short description about your post" />
```
__Meta robots__

It tells the search engine how to crawl and index your site.

Example:

```html
<meta name="robots" content="index, follow" />
```

- index - No problems index my page.
- follow - follow any links on the page as part of crawling.
- noindex - it stops the page from being indexed.
- nofollow - Don't follow any links from this page as part of crawling.

__Meta viewport__

The meta viewport tag helps the browser to scale your blog width according to the device screens, and also you are telling google how mobile-friendly your page is.

Example:

```html
<meta name="viewport" content="width=device-width, initial-scale=1">
```
The `width=device-width` means display my page according to the device pixels.


## Write better titles

Writing better titles help the users and search engines to understand the content of a particular page.

The length of the title tag should be 50–60 Characters (after 60 google add ellipsis ...)

- Include your main keyword in the title.

- Use Synonyms like (iterate, loop, etc)

- Adding numbers to your title


Examples:

```html
<title>How to loop through JavaScript object</title>
```

```html
<title>How to iterate through JavaScript object</title>
```

```html
<title>How to loop through an object in JavaScript</title>
```

```html
<title>3 different ways to loop through JavaScript objects</title>
```

## Write descriptive anchor or link text 

Sometimes you are linking your posts through anchor tags by using text like `check out my post` or `click here`, visit `my blog` etc.

Link text tells the search engine crawlers what page you are linking to.

Suppose I want to link to my previous blog post, how can I do is.

__Good__

> If you are getting less traffic to your blog, check out my guide about [How to  Increase traffic](https://dev.to/saigowthamr/how-to-get-initial-traffic-to-your-personal-blog-in-2020-3377).

__Bad__

> If you are getting less traffic to your blog, check out my [guide](https://dev.to/saigowthamr/how-to-get-initial-traffic-to-your-personal-blog-in-2020-3377).

> If you are getting less traffic to your blog, then [click here to improve](https://dev.to/saigowthamr/how-to-get-initial-traffic-to-your-personal-blog-in-2020-3377).

## Choosing Short URLs

Always prefer short URLs instead of long URLs and also include your main keyword in the URL.

Examples:

Good

```html
/javascript-loop-through-object/
/react-seo/
/seo-in-react/
```

Bad

```html
/how-to-loop-through-object-in-javascript-id34-202443/
/react-seo-learn-seo-in-react/
```

## Make images search engine friendly

Google better understands about your image, if you use descriptive text in your image files names.


For example, use `green-glass.png` instead of `o0n040kkds.png`

__Use Alt attribute__

Some cases images are failed to load in that case alternative text description is displayed in the place of an image.

```html
<img src="green-glass.png" alt="green glass with air bubbles"/>
```
 
> According to Google webmasters, Don't use CSS to display images it's a bad practice always use `<img>` or `picture` tags.


## Use breadcrumb lists

A breadcrumb list allows users to navigate back to the root page or category page.

Recently I have implemented in my blog [reactgo.com](https://reactgo.com).


[![reactgo blog](https://thepracticaldev.s3.amazonaws.com/i/q2blq7oezt4r9hjeum3t.png)](https://reactgo.com)

I hope this article will help you to improve your organic search results in 2020.

## Related content

1. [How to Start a Personal Blog in 2020 and Grow (0 - 80k) Views](https://dev.to/saigowthamr/how-to-start-a-personal-blog-in-2020-and-grow-0-80k-views-15ja)

2. [How to Increase traffic to your Personal Blog](https://dev.to/saigowthamr/how-to-get-initial-traffic-to-your-personal-blog-in-2020-3377)