Documentation

1.Contacts #

Proyect ID : Documentation Date: 31 März 2017
By: Francisco Ramírez Update: 31 März 2017
Revise by: Francisco Ramírez
francisco@paranoid-internet.de
Version 001

 

This is a Manual with the minimum requirements to write a post, if something is not clear or you consider adding something more, please send me your feedback/suggestions to francisco@paranoid-internet.de

This guide tries to cover the following topics:

  • How formatting your post, the use of headings, bold, italics on your post.
  • How to upload SEO optimized images in WordPress.
  • Meta descriptions, URL’s, titles for the post and some tips for SEO.
  • Internal Links and follow and no follow links.

If you don’t have the time to read this, please go to the „Quick checklist“ in the left side Menu.

Introduction

When you optimize your web pages — including your blog posts — you’re making your website more visible to people and for Google.

We have the next materials:

  • WordPress interface.
  • Content.
  • Images & videos.

WordPress Interface

Before we start is important to differentiate the backend of WordPress, the tap „Visual“ and „Text“.

  • Visual: In this window, we can see the tools to format our headings, paragraphs and add links, images, etc.
  • visual tabText: In this window, we can’t see the formats, you only can see HTML code.             This is great when you want to put a custom code, for example, add rel=“nofollow“ to your links or insert code of other services as youtube, twitter, etc.text tab
Yes No

2.Structure and Readability #

2.1.Title, Metadescriptions and URL´s #

Title, Metadescriptions and URL´s

Work on structure and readability

Headings

Use HTML heading tags (but only one H1 tag per page)
WordPress add the H1 tag automatically to your blog post title, see the image below.

Use H2 and H3 headings to mark different sections in the post (because H1 usually is used only once, for the title Post). Break up long blocks of text into separate paragraphs. Use bullets and numbered lists where appropriate. Use bold and italics for emphasis, but don’t go overboard. All this improves the user experience on the site, which indirectly impacts SEO

And never use more than one H1 tag per page.

Set a good page slug (or permalink) Avoid ugly URLs.

Ideally, use 3-5 words that together are easy to remember, separated by dashes (not spaces or plus signs).

Your title tag is the most important on-page SEO factor. The closer the keyword is to the beginning of the title tag, the more weight it has with search engines.

Add the SEO title and meta-description

You need to add this:

  • The title: Is the SEO title, how your reader sees the title of the post on your website.
  • The URL slug: you can change this via the dashboard in WordPress. Search engines also look to your URL to figure out what your post is about, and it’s one of the first things it’ll crawl on a page. Is important to check the URL before to publish your post, if you find an error in your URL or you want to change this days after you published your post, you can change this, but you need to do a redirection, to notify to Google about the new URL, you can use the plugin to do the redirections or contact to your web Master
  • The Meta description: Is the short description that you can find in google. How search engines show your post in search results.

The title

The title of your blog post will be a search engine’s and reader’s first step in determining the relevancy of your content, so including a keyword here is vital.

Be sure to include your keyword within the first 65 characters of your headline, which is just about where Google cuts it off on search engine results pages (SERPs).

Long title? When you have a lengthy headline, it’s a good idea to get your keyword in the beginning since it might be cut off in SERPs towards the end, which can take a toll on your post’s perceived relevancy.

 

Is it true that I need to include the most important keywords at the beginning of the SEO title & meta-description? Technically, yes, but you’re over-thinking SEO again.

 

How long should the SEO title and meta-description be?

Title c.a < 50-55 characters (including spaces).

Meta-description < 140-150 characters (including spaces).

Write your SEO titles & meta descriptions as if you were describing the site to an acquaintance over dinner (using natural language).

Try to keep it simple, think of a meta description as a sales copy for your blog post.

How can I do this in WordPress?

If you are using WordPress, the Yoast plugin makes thing really easy.
Below each post, you will find where to do this
http://recordit.co/xYi4rkeWLr

Tools:

You can use Optimizer tool or serp-preview-tool to see how looks the snippets on your page if this already published.

 

 

Yes No

2.2.Images #

Optimize your images.

Optimize images and add ALT tags to have a good performance, make sure that images you add in your content are at the right size and compression level.

Always add image ALT tags

Search engines don’t just look for images. Rather, they look for images with alt text. That value inside that ALT tag is the main point of interest for Google when looking to “understand” an image (the others being the filename and the text around the
image on the page).

If you have no experience with HTML, here’s what you need to know: whenever an
image appears on your site, it uses the following source code format:

<img class=“alignCenter shadow“ src=“image.jpg“ alt=“image-description“ title=“image tooltip“>

When you upload an image in your post you can put the alt tag.

http://recordit.co/XwKns8clzt

Filename

So just like with ALT tags, it makes sense to add descriptive keywords into the filename, instead of leaving the default camera-assigned ones (DSC0001.JPG).

You can name and upload the pictures with the name of the post, page or event and use the same name for the title and alt description; other fields are additional.

Filename best practices:
• Try to make it no longer than 3-4 words.
• Separate words using dashes (spaces are fine too, but no underscores)
• Skip stop words (he, she, the, a etc.)

Real example

If you have this next foto with the filename img23940.jpg

best-dancers-berlin

For filename is worth to change the name from „IMG23940“ to something accurate and descriptive, like „dancer in berlin“ is a lot more informative than IMG23940.JPG.

Important: The filename, title, alt tag can be the same and is not necessary put the description on WordPress.  

filename=title=alt tag

Example:
Post name: “The best dancers in berlin”
Featured image: best-dancers-berlin.jpg
Title: best dancers berlin
Alt Text (important): best dancers berlin

Important: Das Safari Browser ist mit den Deutschen Buchstaben Umlaut ä, ü, ö und Sonderzeichen nicht kompatibel. Damit dieses Problem nicht mehr auftritt, bei Bildtiteln bitte ersetze die deutsche Umlaut und Sondernzechen wie folgt:ä, ö, ü und ß –> durch ae, oe , ue und ss, usw.

Filling alt attributes with keywords (“keyword stuffing”) results in a negative user experience and may cause your site to be perceived as spam. Instead, focus on creating useful, information-rich content that uses keywords appropriately and in context.

Yes No

2.3.Right size & compression level #

Right size and compression level

Image sizes depend on what „Media Position“ you will use. In order to upload photos to your website you should reduce the weight and scale the image from the original, picture.

Never upload an original image.

This is an example of two photos in WordPress.

The info is:

File sizes are 872KB / 3MB → the sizes must be between 80 – 150 KB
Dimension: 3840 x 2560 px ratio:3840/2560=1.5 and  → The size is too big you can use a 1000px x 667 px ratio=1000/667=1.5. Yes different size but the same ratio.
File name: iStock0.jpg →  better a name that describe the post or page example “entrepreneur-conference.jpg
Title: entrepreneur conference
Alt name: For SEO optimization we need the alt, this can be the same as the title.
Title = Alt Text: entrepreneur-conference

Important
This wordpress installation have a plugin EWWW Image Optimizer for image optimization, but you always have to do optimizations before uploading the image to your site and don’t leave this work to the plugin.

The rule is to have the same proportion in all the pictures (ratio). It means the proportion between the width and the height of the image.

Recommendations for photos

Option1: „Full Width“
You want to put pictures that occupy the entire screen wide.
For „Full Width“ the minimum image size is between 1600 pixels width.
For this kind of photos we recommend you to use photos between 100KB and maximum 150KB.

example

Option 2: For „Inside the Content, Galleries, pages“
The size could be 800px width (it displays a medium image) or 1000 pixels width (it displays a large image with a better quality) wide, it depends on the quality of the photo. In this case use the pictures between 40kB and maximum 100KB.

 

 

Yes No

2.4.Tools for photo editing #

Tools for photo editing

First scale the picture and cut it if necessary to get the size needed.
Then reduce the KBs. Here you can use one software tool

1. Resize

You can scale images, reduce their weight and cut them.

The size could be 800px width (it displays a medium image) or 1000 pixels width (it displays a large image) with a better quality wide, it depends on the quality of the photo. In this case the pictures should be between 40kB and maximum 100KB weight.

These are some tools:

2. To reduce weight (reduce the KBs.)

The tools mentioned in point one can help you, but if the photo’s quality is low using some of these, yo should resize first and after reduce weight KBs with https://compressor.io/

Video example here:

Coming soon

Yes No

3.Documentation-linkbuilding #

Internal linking

Use rel=“nofollow“ for specific links

The text below about this theme is an extract of
this article.

If you write a post that has both internal links to your site and external links to other sites, then you probably want to get the maximum link juice to your internal posts. You can do this by adding a nofollow attribute to your external links. Nofollow attribute instruct search engines to not transfer any link juice from your site to the external site. This is how a rel=nofollow attribute is added to a link.

Unfortunately while WordPress allows you to open a link in a new window by default, it does not allow you to easily add rel=”nofollow”. Up until now you either had the option to nofollow all external links automatically or manually add the nofollow tag to each link by editing HTML.

Adding nofollow attribute manual Option

Add the link via the link option in the window/tab „Visual“ of WordPress.

  1. Select the option „open link in a new tab“ and write the link text and put the link URL.

2. Go to the tab/windown „Text“ of WordPress and write direct in the HTML code before the „>“ the next: rel=“nofollow“

example:

another example:

Before
<a href="http://www.example.com">My Sponsor Link</a>
After 
<a href="http://www.example.com" rel="nofollow">My Sponsor Link</a>

Adding nofollow attribute via Plugin

If you have a nofollow plugin in your WordPress, you can do this more easy.

  1. Just Select the option Openlink in a new window and Add relnofollow link.
  2. That’s all the plugin will do the HTML work for you. 😉

http://recordit.co/IfyuvIeNwK

Link internally when possible.

Inbound links to your content help show search engines the validity or relevancy of your content. The same goes for linking internally to other pages on your website.

If you’ve written about a topic that’s mentioned in your blog post on another blog post, ebook, or web page, it’s a best practice to link to that page.

Not only will internal linking help keep visitors on your website, but it also surfaces your other relevant and authoritative pages to search engines.

Example source here: http://www.digitalkompakt.de/podcast/b2b-sales-verkaufschancen-erhoehen/

Example internal link in a paragraph

Example internal links at the end of the post

Yes No

4.TOOLS for SEO HERE #

Here the google chrome extension for check headers, meta descriptions, keywords, alt tags etc

Portent´s SEO Page here  https://chrome.google.com/webstore/detail/portents-seo-page-review/babgchcegnkbiojmdpnoilficladccfm

Tools for check nofollow , follow , external, internal link here

https://chrome.google.com/webstore/detail/mozbar/eakacpaijcpapndcfffdgphdiccmpknp

Tools:

You can use Optimizer tool or serp-preview-tool to see how looks the snippets on your page if this already published.

 

 

Yes No

5.Tools for SEO HERE #

Checklist before publishing a post

Write quality content

This should be the foundation for all your work online, and it’s what Google likes to see. Think about who your readers are and what content the expect to find on this page. Don’t worry about page length, write as much as needed to transmit your message and be helpful to your audience. Usually a post has 600 words.

Work on structure and readability

Use H2 and H3 headings to mark different sections in the post (because H1 usually used only once, for the title). Break up long blocks of text into separate paragraphs. Use bullets and numbered lists where appropriate. Use bold and italics for emphasis, but don’t go overboard. All this improves the user experience on the site, which indirectly impacts SEO.

Optional: use keyword research to tweak your content

Use a free tool like Google Keyword Planner (or the more powerful ahrefs Keyword  Explorer) to determine what keywords to rank for. Then try responsively using them in your page title, slug, first paragraph, sub-headings, image alt tags.

Check for spelling/semantics/grammar

https://www.grammarly.com/

http://www.duden.de/rechtschreibpruefung-online

https://rechtschreibpruefung24.de/

Set a good page slug (or permalink)

Avoid ugly URLs. Ideally, use 3-5 words that together are easy to remember, separated by dashes (not spaces or plus signs).

Add the SEO title and meta-description

Every website platform allows defining the SEO fields for each piece of content. If using WordPress, the Yoast plugin makes things really easy.

Optimize images and add ALT tags to them

Performance matters

Make sure that images you add in your content are at the right size and compression level. And try adding alt tags to all images you add to the page/post content, so that Google can understand them better.

Link to other pages/posts and to external sites

Internal linking is good for SEO. But forget about Google for a while. Linking to your other pieces of content helps people explore more of your site. Don’t be afraid of “losing SEO value” by linking to other sites. Outbound linking is a relevancy signal for Google, it helps better determine the page content.

Link other pages/posts to this new one

Make it easier for people to discover your new content. Think of all the relevant or related pages in your site where it would make sense to add a link to your new page.

Check all links (both outbound and inbound)

People (and Google) shouldn’t run into a 404 error when clicking on any of the links.

Add the attribute „follow“ or „nofollow“ to your links

Checklist before publishing a post

Redirection

If you find an error in your URL or you want to change this days after you published your post, you can change this, but you need to do a redirection, to notify to Google about the new URL, you can use the plugin to do the redirections or contact to your web Master.

Yes No

6.Logos #

Gruenderfreunde logos

Click on the image to get the url

1269 x 294 px
https://gruenderfreunde.de/wp-content/uploads/gf-logo_2017-sx2.png

700 x 116 px
https://gruenderfreunde.de/wp-content/uploads/gf-logo_2017-sx1.png

Itunes Logo

Donwload here: https://gruenderfreunde.de/wp-content/uploads/GF-podcast-logo.jpg

 

Paranoid Internet Logos

Click on the image to get the url

German Logo Dimensions: 845 × 158

English LOGO Dimensions: 845 × 158

 

Dimensions: 400 × 75

Yes No