Implement proper SEO techniques and site analytics

micey969 commented 6 years ago

Estimate: 1h 30m
Due: 2018-04-30

Scenario: Team can see who visits the site
Given Portfolio launch
When Persons visit the site
Then Data would be collected in Google Analytics
And the team can make improvements

Scenario: Improve Search Engine ranking
Given A search for Design, Development or Blockchain
When The results are displayed
Then PeakShift should be one of the top results

micey969 commented 6 years ago

From an SEO point of view, the title tag should contain all the keywords you wish to rank for. Here's a useful checklist:

Length: Title tags should be 50-60 characters long, including spaces.
Keyword placement: Your most important keywords need to be first in your title tag, with your least important words coming last.
Brand name: If your company name is not part of the important keyword phrases, put it at the end of the title tag.
Do not duplicate title tags: They must be written differently for every page. Don’t mass replicate your title tags it will negatively affect your search visibility.
Make it relevant: Title tags must accurately describe the content on the page.
Do not ‘keyword stuff’ title tags: these are badly written title tags that try to rank for everything or repeat a word over and over. Keyword stuffing is the worst offense when it comes to title tags and you will be penalised for it.
Make your headline (<h1> tag) different from the title tag: This is another opportunity to vary the keyword phrasing of your page and increase its chances of appearing for different search intent.

micey969 commented 6 years ago

Link for setting up google analytics https://analytics.google.com/analytics/web/provision/?authuser=0#provision/SignUp/

Some proper SEO techniques that were mentioned:

Fill out a meta description, og and title tag
Keep your content up to date
Cross device compatibility (responsiveness)
Properly tag images
Schema markup (microdata)
Site verification/ google analytics
Use appropriate heading tags
Build trust, upload a favicon
Post content on social media to help rank

micey969 commented 6 years ago

@selimira , @johnsBeharry mentioned we had an account for google analytics already. May I have the access please, so I can add the tracking number to the site?

johnsBeharry commented 6 years ago

💡 Blockchain Product Design & Development Studio

johnsBeharry commented 6 years ago

@micey969 if you check the current website it's using Google Tag manager so do need to sign up for an analytics account.

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TPS5PB"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TPS5PB');</script>
<!-- End Google Tag Manager -->

Going forward could you also write a more complete acceptance criteria. The entire scope of work, steps etc should be in the issue description for an easy reference when viewing an issue. In the future the issue description (first comment) would display in the client dashboard.

micey969 commented 6 years ago

Thanks @johnsBeharry . Noted.

micey969 commented 6 years ago

@selimira , would it possible for you to have a look at the portfolio site and suggest some ways we could improve the SEO? Doesn't have to be pretty advance now but enough for us to launch with.

johnsBeharry commented 6 years ago

@micey969 besides content which is of primary importance in SEO, the primary thing we do in preparation for SEO is ensure all search and social media meta tags are setup correctly.

Have a look in the <head> of these pages, they're some of the more complete implementations we've done recently.

Here's a reference (you should have css-tricks bookmarked, its a good site for frontend tutorials).

https://css-tricks.com/essential-meta-tags-social-media/

Debugging

Facebook has a debugger so you can see how your page will look when someone shares it.

https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fpeakshift.com%2Fcareers%2Fjunior-frontend-developer.html

ghost commented 6 years ago

@micey969 It is important that we also add the social media meta tags so that when our website is shared on the different platforms (eg. twitter and facebook) that the post looks proper. The necessary tags from the links johns sent above.

micey969 commented 6 years ago

Thanks @johnsBeharry and @esc758 . So I've added the og and twitter meta tags. There were some that are filled in and some that are blank.

peakshift / peakshift-website

Implement proper SEO techniques and site analytics #7

Debugging