Skip to main content

Technical SEO

Technical SEO focuses on optimizing the technical aspects of a website to enhance its crawling, indexing, and overall performance in search engines. It involves tasks like improving website speed, implementing structured data markup, optimizing site architecture, ensuring mobile-friendliness, and fixing crawl errors.

  • Add a <meta name="description" content="Your app description here"> for better search engine visibility.

  • Include <meta name="keywords" content="angular, web app, modern ux"> to target relevant keywords.

  • Use <link rel="canonical" href="https://yourwebsite.com/" to avoid duplicate content issues.

  • Add Open Graph and Twitter Card metadata for social sharing:

    <meta property="og:title" content="Your App Title">
    <meta property="og:description" content="Your App Description">
    <meta property="og:image" content="https://yourwebsite.com/og-image.png"
    <meta property="og:url" content="https://yourwebsite.com/"
    <meta name="twitter:card" content="summary_large_image">

  • Titles & Meta Descriptions: good titles, descriptions, and semantic HTML are the most crucial aspects.

Screaming Frog​

Screaming Frog free version can only generate sitemaps, discover duplicate pages, audit hreflang attributes, analyze meta-robots and directives, review page titles and meta-data, plus find broken links, errors and redirects. That's all​

Console Rocket​

Important HTML Tags​

  • Canonical tag
  • Hreflang tag
  • Schema markup

HTML tags are significant in optimizing websites for search engines. It emphasizes that HTML tags play a crucial role in improving search engine visibility, categorizing content, and enhancing user experience. The article highlights the following important HTML tags for SEO:

Title tag​

The title tag is essential for conveying the content's topic and improving search engine rankings. It explains the importance of title tags for search engines and provides tips for optimization, such as considering title length, using relevant keywords, and including the brand name.

  • appears in browser tab

Meta description is a short paragraph of text used to describe your page in search results. In HTML, a meta description tag looks like this:

<meta name="description" content="Your description goes here">
  • under 60 characters long
  • There are some alternative titles. Facebook and Twitter have their own tags in the <head> section of your page, so if you use the alternative titles for these social networks, Google may also use them instead of your title tag.

Meta description tag​

The meta description tag provides a brief summary of the content and influences how it appears in search results. It describes the role of meta descriptions in search results and suggests optimizing them to attract users' attention and potentially improve rankings.

Headings (H1-H6) / Header Tags​

H1 - ideally only keep one per page

Header tags (h1, h2, h3, etc.) help organize content and make it easier for users to navigate. They also assist search engines in understanding the structure of the page. It emphasizes the significance of headings for both search engines and user experience and recommends optimizing headings by following a hierarchy, using relevant keywords, and maintaining parallel syntax.

HTML5 semantic tags​

It highlights the SEO value of HTML5 semantic tags and provides examples of common HTML5 tags. It also offers tips for optimizing their usage.

Alt attribute​

It explains the importance of alt attributes for images and advises optimizing them by not leaving them empty, prioritizing images, and adding relevant keywords.

Robots tag​

It explains the purpose of the Robots tag in controlling how search engine bots interact with a webpage and suggests ways to optimize it, such as addressing bots by name and understanding parameters.

Alt Tags in Images​

Alt tags describe the content of images, enabling search engines to comprehend them and improving visibility in image searches.