Quick Guide: Boosting Your SEO Efforts

Elevate Your Website’s Visibility with Quick SEO Tips

Stephanie Zhan
Geek Culture
6 min readJul 7, 2023

--

Photo by Merakist on Unsplash

Search Engine Optimization (SEO) is an essential aspect of building and optimizing websites to improve their visibility and ranking on search engine result pages (SERPs). In this article, we will provide a comprehensive SEO basics checklist to help programmers and web developers understand and implement key elements for effective SEO practices.

Title Tags: The Power of Keywords

Title tags are a fundamental HTML element that plays a crucial role in SEO. Every webpage should have a unique and descriptive title tag that includes relevant keywords related to the specific content of the page. Consider the following guidelines when optimizing your title tags:

  1. Order Matters: The order of words in the title tag is important. Search engines prioritize the first few words, so ensure that your primary keyword appears early in the title.
  2. Relevance is Key: Choose the most relevant keyword for each page and include it in the title tag to improve its visibility and ranking.
  3. Creativity Matters: To stay relevant and capture users' attention, consider incorporating dynamic dates into your title tags, especially for pages with frequently updated content.

For example:

<title>Website.com - About</title>
<title>Primary Keyword – Secondary Keyword | Brand Name</title>

Meta Descriptions: Compelling Ad-Copy

While meta descriptions do not directly impact SEO rankings, they are crucial for attracting clicks and improving click-through rates on search results. Follow these guidelines when crafting meta descriptions:

  1. Optimal Length: Aim for a meta description length between 50 and 160 characters. This ensures that the description appears complete and engaging in search results.
  2. Advertise Your Content: Treat the meta description as an opportunity to "advertise" your content and entice potential visitors to click. Write compelling, concise ad-copy that accurately represents the page's content.
  3. Use Relevant Keywords: Include keywords that are specific to the page's content, but avoid excessive keyword usage. Focus on providing valuable information rather than keyword stuffing.
  4. Uniqueness Matters: Generate a unique meta description for every page to avoid duplicate descriptions and provide tailored information for each page.

Heading Tags: Structuring Content and SEO

Heading tags, represented by <h1> to <h6>, are crucial for both SEO and usability. They contribute to the proper structuring of content and play a role in featured snippets. Consider the following guidelines when using heading tags:

  1. Must-Have <h1> Tag: Each webpage should have one and only one <h1> tag. This tag serves as the main heading and should accurately describe the page's content. Choose keywords that align with the page's topic.
  2. Relevance and Keywords: Make sure the heading tags accurately describe the content within each section and incorporate relevant keywords. This helps search engines understand the structure of your content and improves SEO.
  3. Structured Content: Utilize heading tags to properly structure your content for both search engines and users. Organize your content hierarchically, with main headings followed by subheadings, and so on.

Example of good content structure:

<h1>Main Heading</h1>
<h2>Secondary Heading 1</h2>
<h3>Sub-section of Secondary Heading 1</h3>
<h2>Secondary Heading 2</h2>
<h3>Sub-section of Secondary Heading 2</h3>

Alt Attributes: Enhancing Image SEO

Alt attributes, or alt tags, are crucial for image SEO, ensuring that search engines can understand and index your images properly. Follow these guidelines for optimizing alt attributes:

  1. Descriptive and Imaginary: Craft alt text that accurately describes the image and allows users to visualize it without actually seeing it. Use descriptive language to convey the image's content.
  2. Short and Precise: Keep the alt text relatively short while ensuring it provides a detailed description. Avoid excessive length that may be cumbersome for users.
  3. Avoid Keyword Stuffing: Refrain from keyword stuffing in alt attributes. Instead, focus on providing meaningful descriptions that assist visually impaired users and enhance the overall user experience.
  4. Avoid Redundancy: Avoid using phrases like "image of" or "picture of" in alt text. These phrases add little value and are unnecessary for conveying information about the image.
  5. End with a Period: Conclude the alt text with a period. This ensures that screen readers pause after reading the last word, creating a more pleasant reading experience for users.

Example of alt text optimization:

Bad alt text: <img src="escalator.jpg" alt="">
Okay alt text: <img src="escalator.jpg" alt="man on escalator">
Better alt text: <img src="escalator.jpg" alt="man walking on escalator">
Best alt text: <img src="escalator.jpg" alt="man with headphones walking down escalator">

Canonical Tags: Directing Search Engines

Canonical tags serve as a way to guide search engines to the master copy of a specific page, mitigating issues with duplicate content and potential ranking losses. Consider the following guidelines for canonical tags:

  1. Point to the Master Copy: Use the canonical tag to indicate the preferred URL, which may be the current URL itself or the URL of the master copy if page A serves as the master copy.
  2. Prevent Duplicate Tags: Ensure that each page has a single, consistent canonical tag. Avoid situations where different versions of the same URL have different canonical tags.
  3. Include Canonical Tag in Index Page: To prevent any problems, include a canonical tag in your index page. This helps establish the primary version of your website.

Example of a canonical tag:

<link rel="canonical" href="https://myhomepage.com" />

Open Graph Tags: Optimizing for Social Media

Open Graph tags enable the proper formatting of your content for social media platforms like Facebook and Twitter. Although not a direct ranking factor, Open Graph tags can significantly impact click-through rates and conversions. Follow these guidelines for Open Graph tags:

  1. Platform-Specific Structures: Different social media platforms have their own structures for Open Graph tags. Explore available templates and guidelines to ensure compatibility with each platform.
  2. Implementing JSON-LD Format: Google recommends using the JSON-LD format for structured data. Place the structured data code within the <head> element of your webpage.
  3. Generate and Check Structured Data: Utilize schema markup generators and structured data testing tools to generate and verify the correctness of your structured data implementation.

Example of implementing Open Graph tags:

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Corporation",
"name": "9elements",
"url": "https://9elements.com/",
"logo": "https://9elements.com/img/logo.png",
"sameAs": [
"https://www.facebook.com/9elements/",
"https://twitter.com/9elements",
"https://www.instagram.com/9elements/",
"https://www.linkedin.com/company/3848376/"
]
}
</script>

Mobile-Friendliness: ATop Priority for SEO

With the introduction of mobile-first indexing by Google in 2018, the evaluation of search results shifted to prioritize the information found on the mobile version of a website. Therefore, ensuring mobile-friendliness is crucial for every website. Consider the following guidelines to prioritize mobile-friendliness:

  1. Responsive Site Meta Tags: Incorporate responsive site meta tags to inform search engines that your website has a responsive design available. This helps ensure your site is surfaced when searching through mobile devices.
  2. Continuous Optimization: Regularly assess your website’s mobile performance, test different devices and screen sizes, and optimize for a seamless mobile experience.
<meta name="viewport" content="width=device-width, initial-scale=1" />

Robots Meta Directives: Guiding Search Engine Crawlers

Robots meta directives and robots.txt file directives provide guidance to search engine crawlers on how to crawl and index web page content. Follow these guidelines to effectively manage search engine crawlers:

  1. Suggestive Parameters: Understand that the parameters included in robots meta directives and robots.txt are suggestions to search engine crawlers. While most crawlers respect these suggestions, malicious robots may choose to ignore them.
  2. Sensitive or Private Data: For sensitive or private data, employ more secure mechanisms like password protection to prevent indexing and access by search engine crawlers.
  3. Robots Meta Directives vs. Robots.txt: If you want to prevent a page from being indexed, use a robots meta directive with the "noindex, follow" value instead of relying solely on the robots.txt version.

Example of a robots meta directive:

<meta name="robots" content="noindex, follow" />

Conclusion

Thanks for reading, hope to catch you in the next article.

Not a Medium member? Support me here by becoming one.

--

--