Skip to content

Instantly share code, notes, and snippets.

@denzildoyle
Last active February 20, 2024 00:59
Show Gist options
  • Star 80 You must be signed in to star a gist
  • Fork 27 You must be signed in to fork a gist
  • Save denzildoyle/31fe294065f606b4f612 to your computer and use it in GitHub Desktop.
Save denzildoyle/31fe294065f606b4f612 to your computer and use it in GitHub Desktop.
I short list of SEO tips and tricks I have learned over time

SEO

In this list, I will be typically be talking SEO as it relates to Google because Google will likely account for the vast majority of your inbound search traffic. Additionally, if you rank highly on Google, you will probably do well on other search engines anyway. Just like in football if you could play in the Major league you would most likely kill it in the minor league I would begin by explaining why SEO is important talk a little bit about what SEO is about and talk about how those concepts relate to the world wide web. Then talk about some of the things you could do to optimize your site from top to bottom of a typical webpage.

Why it's important

  • When you want to hide something on google put it on the second page. #SEO @searchdecoder
  • Winner takes almost everything
  • More than 80 percent of shoppers research big purchases online first
  • Opertunity for business
  • 88% Of Consumers Trust Online Reviews As Much As Personal Recommendations
  • 72% Of Consumers Say That Positive Reviews Make Them Trust A Local Business More
  • 93% of online experiences begin with a search engine.
  • 70% of the links search users click on are organic
  • 75% of users never scroll past the first page of search results
  • Search is the #1 driver of traffic to content sites, beating social media by more than 300%

Understanding SEO

Search Engine Optimization SEO is the ongoing stratagy of generationing content and making pages more accessable for people to find on the web. SEO as a libarian

Page structure

It imports for you to write well-structured code, addresses with in an

tag articles with in tags so that search engine spiders could have a better understanding of what content on the page represent.

What should be in your header

Title

Page tiles have a huge impact on SEO ranking and should be different for every page on your site. Title tags—technically called title elements—define the title of a document. Title tags are often used on search engine results pages (SERPs) to display preview snippets for a given page and are important both for SEO and social sharing.

The title element of a web page is meant to be an accurate and concise description of a page's content. This element is critical to both user experience and search engine optimization. It creates value in three specific areas: relevancy, browsing, and in the search engine results pages.

<title>Example Title</title>

Optimal Format
Primary Keyword - Secondary Keyword | Brand Name

Optimal Length for Search Engines Google typically displays the first 50-60 characters

Meta Description

The meta description is a HTML attributes that provide concise explanations of the contents of web pages. Meta descriptions are commonly used on search engine result pages (SERPs) to display preview snippets for a given page.

<meta name="description" content="This is an example of a meta description. This will often show up in search results.">

Meta description tags, while not important to search engine rankings, are extremely important in gaining user click-through from SERPs. These short paragraphs are a webmaster’s opportunity to advertise content to searchers and to let them know exactly whether the given page contains the information they're looking for.

The meta description should employ the keywords intelligently, but also create a compelling description that a searcher will want to click. Direct relevance to the page and uniqueness between each page’s meta description is key.

Optimal Length for Search Engines
Roughly 155 Characters

<meta name="keywords" content="HTML,CSS,XML,JavaScript">

Author

Google also allows you to place your name next to specific website you have created on the web. By adding the small snippet of code below to the header of your page and adding the link to the site to the “Contributors” section on your Google+ profile.

<link rel="author" href="https://plus.google.com/u/0/109859280204979591787/posts"/>

In a similar manner as a search algorithm may recommend a book by an established author so too Google’s search algorithm would recommend web pages/site/applications higher if they were witter by an establish author. Check out this website for more detailed infomation on how to implement the rel author tag to your page.

PRO TIP: Referencing the author of the web page as a Google Plus user is a good way to have establish a firm authority.

Improve speed

Okay this is a big one Google algorithm for ranking websites at it core is trying to sever up the website to search that both most closely meets your search query and provides you with the best possible users experience. That’s the short reason why slow sites rank low on Google.

Here are some tools you can use to test site speed and list of a few things you could do to improve profomance.

  • Use css instead of images anywhere you can
  • Take addvantace of SVGs
  • Compless images
  • Use CDNs
  • Use less CSS and JS scripts
  • Minify css and js files
  • Use SVGs were posible
  • Use font icons where possible
  • Create image sprite

Micro Data

Search giants Google, Bing and Yahoo announced last summer a rare collaboration to support the use of microdata tagging to generate more relevant and more detailed search results. This offers business owners and other website publishers another opportunity to improve their search engine optimization (SEO) by making a few changes to their websites.

Ask Google to Craw your site

Because Google periodically crawls website based on the frequency of updates to that site eg. new sites and/or blogs that post regularly frequently have new content to be indexed. As a result of this Google spider usually finds new content every we it visits particular pages/sites. If that is not the case and content is not frequently updated you may want to ask Google to crawl your site after you make a large number of content changes or you have updated your SEO strategy. To do this click on the following link.
-- Google Web Master tools

Naming files and images

Search engings are getting smarter and smarter but they are still not smart enough to craw images on your site for that you will have to give it some help. For that reason when it comes to SEO, it's important to chose image and file names carefully, use keywords to help your webpage rank on search engines. Creating descriptive, keyword-rich file names is absolutely crucial for image optimization.
-- More Info

Social Media

Twitter (Adding a Twitter card to your website)

Card Types

  • Summary Card: Default Card, including a title, description, thumbnail, and Twitter account attribution.
  • Summary Card with Large Image: Similar to a Summary Card, but with a prominently featured image.
  • Photo Card: A Card with a photo only.
  • Gallery Card: A Card highlighting a collection of four photos.
  • App Card: A Card to detail a mobile app with direct download.
  • Player Card: A Card to provide video/audio/media.
  • Product Card: A Card optimized for product information.

Twitter Cards Sample Code

Facebook
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

Facebook Open Graph protocol
SEO MOZ Social media meta data templates

Pinterest

Product

<meta property="og:title" content="Name of your product" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="1.00" />
<meta property="og:price:currency" content="USD" />

Article

<meta property="og:title" content="Title of your Article" />
<meta property="og:description" content="Description of what your article" />
<meta property="og:type" content="article" />

Recipe
Pinterest recipe rich pin documentation

Movie
Pinterest movie rich pin documentation

--Rich Pins Overview

Google Plus

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="{image-url}" />
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

Google Plus Snippets

Anchor tags

Back links used to discriber your sites the more discriptice the better SEO is for you. Descriptive links, title, alt.

em Tags

Header tags

h1 - Should be one page page
h2 - Subheader
h3

Keywords and keywords optimisation

Web page keywords should not be stuffed that is equivalant to spamming

Developing a good content strategy

Semantic HTML

Easy to read for both the programmer and the web crawler

Mobile Friendly

https://www.google.com/webmasters/tools/mobile-friendly/

Accounts to follow on twitter

If you could think of anymore tips and tricks or interesting links or things online related to SEO please leave a link or add a comment below. This list was created based on accounts I follow on twitter and recommendations from friedns all off these accounts had at least one tweet about SEO on the first page of there twitter feed at the time of this post.

https://twitter.com/DenzilDoyle/lists/seo

Medium

5 Publications to follow on medium that talk about SEO

Mobile SEO

https://developers.google.com/webmasters/mobile-sites/mobile-seo/ -- Mobile Friendly Test

Robot.txt

Adding Robot.txt file to block search engines fomr indexing site there are a few reason you may want to do this one of the most popular ones is disallowing Google from indexing staging sites and code below to an robot.txt file to do this.

User-agent: *
Disallow:
Allow:

    • All

Example
User-agent: Googlebot
Disallow: /404.html

Optimize Images

Converting images to base 64 to increase speed compression reduces the size of your image but your image should never go beyond 1920 x 1028 which is typically the standard screen size today
http://webcodertools.com/imagetobase64converter/Create

Create site map

SEO TOOLS
SEO Resources
@denzildoyle
Copy link
Author

Understanding Direct Traffic

Direct traffic is traffic for which the referrer is unknown and for which no prior campaign data could be found for the cookie (user).

So direct traffic is not direct at all, it’s just unknown, undefined. Google has no idea if your user typed in your URL, if they used a bookmark or if something else happened. Let that really sink in and to help that process, let us see in what other cases the user’s browser will not set the “Referer” field.

The different types of “Direct”, a.k.a. “Unknown” traffic

Here is an incomplete list of the cases when a user will navigate to your site and Google Analytics will not know where the user came from so the sessions will be marked as “direct / none” (unless previous campaign data exists for that cookie):

  • User types in a URL
  • User clicks on a bookmark
  • User clicks on a link in an e-mail from Outlook or Thunderbird or similar desktop software
  • User clicks on a link in Skype or other desktop messengers
  • User clicks on a link in a PDF, DocX, ODF, XLSX or a different type of document.
  • User clicks on a link in a mobile app
  • User clicks on a link from a secured site (https://something) to your non-secured site (just http://something)
  • User clicks through a URL-shortener or in a different scenario where certain JS is being used (rare)
  • User clicks on a link in any desktop software in general…

@angularjsdeveloperindia

Very helpful discussion and provided useful information. You have also added helpful links which can help to a newbie in SEO.

Thanks indeed!

https://www.techavidus.com/

@AlexGessok
Copy link

AlexGessok commented Dec 31, 2020

Backlinks are similar to recommendations for your site. the more such recommendations you get from well-established websites, the higher your site will be in the search results.one high-quality link from a popular website is better than a large number of low-quality links. I decided not to play with it on my own, but to trust it after all, for all the necessary research and forecasts, you need good knowledge that professionals have. I do not regret at all that I decided to work with this company as they helped to raise the rating of the site and modernize it for the better.


appiloque.com

@Jamesseo-jpg
Copy link

SEO is very difficult, especially after the last optimizations.

@ClementeBrown
Copy link

ClementeBrown commented Jun 19, 2022

Hi Denzil!!
Thanks a million for such an informative material 🙏👍 tons of useful links even now in 2022! Huge respect to you! Do you use tools like this one https://rush-analytics.com/land/keyword-clustering or do you use any alternatives?

@BergesonNick
Copy link

I run an ecommerce business and want to improve my website's organic search rankings. Can you recommend some effective ecommerce SEO tips that can help me boost my online visibility and increase sales?

@kaizeruss
Copy link

Certainly! To improve your ecommerce website's SEO, start by focusing on keyword research, optimizing your product titles and descriptions, creating high-quality content, and improving your site's overall structure. It's also essential to optimize images, create a mobile-friendly experience, and ensure fast page load times. Additionally, consider implementing schema markup and building high-quality backlinks.

@BergesonNick
Copy link

Those are all great suggestions, but I would like more detailed information on each tip and how to execute them effectively. Do you have any resources or articles that can guide me step by step?

@kaizeruss
Copy link

kaizeruss commented Mar 31, 2023

[If you're looking for a comprehensive guide on ecommerce SEO tips, I recommend checking out article claspo. This informative resource offers an in-depth analysis of the best ecommerce SEO tips, covering various aspects like on-page optimization, technical SEO, content strategy, and link building. By following these tips and implementing them on your website, you'll be able to enhance your online visibility, attract more potential customers, and ultimately boost your sales. So, don't hesitate to dive into this valuable resource and start improving your ecommerce website's search engine performance today!v

@hoodm194
Copy link

thanks!

@denzildoyle
Copy link
Author

denzildoyle commented Feb 20, 2024

@hoodm194 you're welcome

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment