Tag Archives: Google

googlelogo

Good SEO tips – Search engine optimization for your blog posts

Good SEO tips

Good SEO tips

Good SEO tips for your website / blog / posts /  etc.

Focus Keyword

The first thing you should do BEFORE writing your post is to choose a Focus Keyword.

  • A good Focus Keyword whould be the shortest and most common google search you would like to point to your post.
  • avoid using the same keyword in your website twice.

For example: The focus keyword of this post is “Good SEO“.

You can visit google and start typing “Good SEO” and you’ll see using the auto completion tool that this keyword search is the most common Keyword.

goodseosearch

Note: you can actually use other then the most common keyword (in our example, we could use the “Good SEO Tips” keyword, and It could be a great keyword too. It depends on you to choose what you think would fit best your post and is more related to the content of your post.

I could use also “Best SEO” keyword but as you can see below, is not so common used keyword:

bestseosearch

 

REMEMBER the keyword as you will need to use it in page title/url/content/etc.

 

Writing the article

Now you can start working on your article. Make sure you following:

 

Article Heading

In our example with the keyword “Good SEO“… our heading is:
“Good SEO tips – Search engine optimization for your blog posts

  • Your article heading should contain the keyword / Phrase. better when it at the beginning which is considered to improve rankings.
  • Remember that viewable limit of the heading in search engines is: 70 characters; some words will not be visible to users if it will be longer.
  • If you choose to set a longer heading, use a SEO Title

 

SEO Title

If you used title longer then 70 characters in your CMS (Like WordPress Page Title) use the HTML <title></title> to set a maximum of 70 chars title to your page.

this page title is:
<title>Good SEO tips – Search engine optimization for your blog posts</title>

 

Page titles

  • Your page title (<h1>) should contain the Keyword similar as the article heading.
  • Also make sure you have a sub header <h2> with the keyword.

 

Page URL

  • The keyword should appear in your page URL.

for example: this page URL is:
http://itekblog.com/good-seo-tips

 

Content

  • Make sure the keyword appears in your post content at least several times (at least 6+).
  • The keyword should appear in the first paragraph of the copy.
  • Write no less then 300 words in your copy.
  • run the Flesch Reading Ease test on your article. The copy scores 75.1 which is considered fairly easy to read.
  • add at least 1 outbound link(s). (<a href=””>)

 

Images

  • Add images to your article. at least 1 or 2. insert the keyword to the Alt=””. Adding the keyword as a caption for the images would be great too. look in this example:
Good SEO Tips. This is how it should be done!

Good SEO Tips. This is how it should be done!

 

Meta Description

  • Meta Description is the <meta> tag on your html. the preview on google (and other search engines) will show the meta when available instead of showing the first 156 chars of the article (including titles).
  • Use your keyword inside the meta. Preferably at the beginning. More then once will be better.
<meta name=”description” content=”Good SEO: what is the best description for my post with the keyword inside?.”/>

This article Meta is:

First thing you should do BEFORE writing your post is to think of a good SEO plan. good SEO will help your copy to reach more visitors from search engines!.

Which is exactly 156 chars!.

 

Twitter

Support Twitter too!! Using:

<meta name=”twitter:card” content=”summary”/>
<meta name=”twitter:site” content=”@ITekBlog”/>
<meta name=”twitter:domain” content=”ITek Blog”/>
<meta name=”twitter:creator” content=”@ITekBlog”/>
<meta name=”twitter:image:src” content=”http://itekblog.com/wp-content/uploads/2013/11/googlelogo-300×146.png”/>
<meta name=”twitter:image:src” content=”http://itekblog.com/wp-content/uploads/2013/11/goodseosearch.png”/>
<meta name=”twitter:image:src” content=”http://itekblog.com/wp-content/uploads/2013/11/bestseosearch.png”/>
<meta name=”twitter:description” content=”First thing you should do BEFORE writing your post is to think of a good SEO plan. good SEO will help your copy to reach more visitors from search engines!.”/>
<meta name=”twitter:title” content=”Good SEO tips – Search engine optimization for your blog posts”/>
<meta name=”twitter:url” content=”http://itekblog.com/good-seo-tips/”/>

Google+

Add link to your Google+ page. If authenticated right you will have your image near google searches.

<link rel=”author” href=”https://plus.google.com/109370438350838521961/“/>

 

For WordPress users

If you use WordPress: “WordPress SEO by Yoast” will help you do the job right!

Development Specialist, Artist and Activist
Personal Website
gwb-logo

Google Web Designer review – It’s the future?

Google Web Designer review

I’ve met today with the new Google Web Designer Beta – the new tool Google released for building adaptive, universally usable rich HTML based designes including ads.

The main purpose appears to be to provide a way to produce Adobe Flash-style animated in HTML5/CSS3 without using Flash.

“We think that Google Web Designer will be the key to making HTML5 accessible to people throughout the industry, getting us closer to the goal of ‘build once, run anywhere,’” Google engineer Sean Kranzberg posted

The Google Web Designer Youtube page is full of examples:

 

Google Web Designer

Starting Google Web Designer for the first time…

gwd-icon

Google Web Designer is available as a free (as in beer) download for Windows PC and Mac OS X, so at this stage, it won’t run on Linux, or Chromebooks.

Google Web Designer loading

Google Web Designer loading

Google Web Designer

Google Web Designer main screen

Product review

You have several presets to start from. You can start by creating a new Ad banner, or HTML / CSS / JS / XML as you can see:

gwb-presets

 

The UI is slick, and yet powerfull. You have great tools to work with creating your HTML file.

gwb-tools3D Object tools: You can move/rotate any object in 3D mode.

Text tool: You can write wherever you want in the document and not in HTML oriented direction (Position: absolute;)

Tag tool: Create blocks (DIV) of objects.

Pen tool: You can draw vectors. Just like Flash or Illustrator.

You can also find the Stroke tool and Fill tool as expected. also you can find the normal Zoom tool, Selection tool and Hand tool

One idea. Any screen.

Google Web Designer helps you create a responsive HTML. everything you create is accessible on any screen – desktop, tablet or mobile – without compatibility issues.

Amplify with code

If you’re feeling more hands-on, all the code behind your designs is hand-editable.

Two animation modes

In Quick mode, build your animations scene by scene and google web designer take care of the frames in between. In Advanced mode, animate individual elements using layers, easily changing the location of elements within the stack.

Full 3D authoring environment

Create and manipulate 3D content utilizing an array of tools and the power of CSS3. Rotate objects and even 2D designs along any axis, visualizing 3D transformations and translations as you author.

 

 

Summary

Although other Hacker News users reckon the code that GWD generates compares unfavorably to Microsoft FrontPage 2000. I found the code to be somehow fine, if inspected and modified manually. This tool is great for creating HTML parts (widgets) that are cross browser responsible (like ads, menu, carousel, etc.).

I still gonna play with Google Web Designer for sometime, but I must admit I was never the ‘HTML generator’ guy.. I don’t think that tools like that will take the job for the great HTML/CSS designers out there… How write their code using decent IDE.

It’s worth noting that projects like Adobe Muse/Dreamweaver, Reflow and others include most of Web Designer’s features, too. But by making Web Designer available for free, Google is putting quite a bit of pressure on the competitors.

 

That’s it. What do you think about Google Web Designer?

Development Specialist, Artist and Activist
Personal Website
wordpress-logo-stacked-rgb

Fix WordPress Plugin HTML5 Swiffy Insert

Google Swiffy

Swiffy is a web-based tool developed by Google that converts SWF files to HTML5.
Its main goal is to display Flash contents on devices that do not support Flash, such as iPhone, iPad, and Android Tablets.

Continue reading

wordpress-logo-stacked-rgb

How to fix wrong post title on Google – WordPress Title SEO

WordPress Blog Title SEO

Title SEO – The Symptoms

beside the obvious, a title which you don’t want to show (in my case – showing the name of the blog only instead of article name)
you should check the code behind of the page.

Continue reading

Development Specialist, Artist and Activist
Personal Website
android

Android on PC / Laptop, try or install the EASY way.

Android-x86 project just released Android-x86 4.0-RC1.
now you can run android on PC / Laptop.

in this article, i will explain how to easily create a USB drive to boot your computer from.
you can try a live android version from this USB (without affecting your installed OS)
and/or you could install it if you want.

Continue reading

Development Specialist, Artist and Activist
Personal Website
wordpress-logo-stacked-rgb

Must have best FREE WordPress plugins 2012

FREE WordPress plugins 2012

To summarize the year 2012 I have compiled a list of must have WordPress plugins:

Continue reading

Development Specialist, Artist and Activist
Personal Website