# SEO & SEM GUIDE

# Table of contents

> * [Keywords](#keywords)
>	- [Keywords ranking for a domain](#keywords-ranking-for-a-domain)
>	- [Historical keywords ranking for a domain](#historical-keywords-ranking-for-a-domain)
> * [Progressive Web Apps aka PWA & SEO](#progressive-web-apps-aka-pwa--seo)
> * [How to](#how-to)
>	- [How to test how your page is seen by Google?](#how-to-test-how-your-page-is-seen-by-google)
>	- [How to check keywords ranking history for a domain?](#how-to-check-keywords-ranking-history-for-a-domain)
> * [References](#references)

# Keywords
## Keywords ranking for a domain

To figure out what are the keywords for which a specific domain ranks, use the `Organic Keywords Trend` chart. To see that chart:
1. Login to [Semrush](https://www.semrush.com/).
2. Select `Domain Analytics/Overview`, enter the domain in the top input and click the `Search` button.
3. Select the `Organic Research` in the left pane to see the `Organic Keywords Trend` chart.

### Understanding the `Organic Keywords Trend` chart

<img src="https://user-images.githubusercontent.com/3425269/89608523-b1652780-d8b8-11ea-8434-c6a37a8db310.png" width="650px">

The top horizontal bar can be read as follow:
- `Keywords`: Current number of keywords that rank withing the first 100 Google pages.
- `Traffic`: Current number of users that have visited your website this month.
- `Traffic cost`: How much would it cost to rank the way your keywords do.

The __*Organic Keywords Trend*__ can be read as follow:
- The legend show the colors that represent the keywords categories based on how they rank in the SERP (e.g., `Top 3` are keywords that makes your domain rank in the top 3 Google pages).
- Each vertical bar is a snapshot of the keywords ranking. For example, in the image above, we've hovered the

## Historical keywords ranking for a domain

This is achieved by following the same steps as the [Keywords ranking for a domain](#keywords-ranking-for-a-domain) section. However, you'll need to have the Semrush Guru tier at minimum (almost USD200/month). In the `Organic Keywords Trend` chart, click on any bar in the chart to see the keywords ranking details for that point in time.

# Progressive Web Apps aka PWA & SEO

As of 2019, PWA are all the rage and Google has made a lot of progress to index them properly. To test how Google sees your PWA, please refer to the [How to test how your page is seen by Google?](#how-to-test-how-your-page-is-seen-by-google) section. 

That being said, there are a series of caveats to avoid in order to not be penalized by Google:
1. Avoid any URL with a `#`. Anything following the `#` is ignore by the Googlebot.
2. Reduce the number of embedded resources in the page (especially the number of JavaScript files required to render the page), since these might not be fully loaded.
3. Make sure required resources aren’t blocked by robots.txt.
4. Use an accurate sitemap file to signal any changes to your website when using Accelerated Mobile Pages (AMP).

The first two points are the most important as the last two points are good practices for any websites in general.

# How to
## How to test how your page is seen by Google?

- Go to the [Google search console](https://search.google.com/).
- Select the __*URL inspection*__.
- Click on the __*View crawled page*__.

This renders all the HTML, but unfortunately, it won't render a full image of that HTML, just the beginning. To see the full render, you have not choice but to copy paste the HTML in a local file and render it yourself 😫.

## How to check keywords ranking history for a domain?

Please refer to the [Historical keywords ranking for a domain](#historical-keywords-ranking-for-a-domain) section.

# References
- [Introducing Progressive Web Apps: What They Might Mean for Your Website and SEO](https://moz.com/blog/introducing-progressive-web-apps)