Technical SEO refers to internal SEO measures that are "technically clear and feasible," are compliant with Google's guidelines, and are easy to check for effectiveness because of their precise structure. There are various internal measures based on technical SEO.
This article provides an overview of technical SEO and its benefits and a checklist that can be used when implementing technical SEO.
The checklist is divided into two sections: "crawler measures," which relate to understanding the site, and "index measures," which relate to understanding the page content.
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Make the URL an English word. | The words should identify the content of the site. | Browser |
(2) Hyphenate two or more words | When multiple words are concatenated, separate them with "-" so that search engines can recognize the words. | Browser |
(3) Write canonical tags in index.html | For pages that can be accessed by multiple URL, canonical link tags are written to normalize the URL. | META SEO Inspector |
(4) When PC/Mobilehave different URL, specify the URL with a link tag. | The same URL is recommended for PC and smartphone, but if they are different URL, write an alternate link tag for the PC site and a canonical link tag for the Mobilesite. | META SEO Inspector |
(5) Support HTTPS | Make sure your page supports HTTPS (SSL) and encrypt your communication. | Browser |
(6) Create a sitemap | Create an XML sitemap and register it with Google Search Console to streamline crawling. | Google Search Console |
(7) Block URL that contain filtering parameters with robots.txt | Set search URL of low importance to be excluded from crawling to make crawling more efficient. | Google Search Console |
(8) Shorten URL by removing unnecessary parameters | Remove parameters for session information and access analysis from URL. | Browser |
Please check the following article for an explanation.
2. Mobile Support
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Make text large enough to read. | Set viewport and use a font size of 16px or larger. | MobileBrowser |
(2) Allow pages to be viewed by scrolling vertically | Set the maximum width for images and tables with CSS. | MobileBrowser |
(3) Make links and buttons easy to press | Avoid short anchor text and make links and buttons large enough to be easily pressed. | MobileBrowser |
(4) Don't Use Flash | Browsers for smartphones do not support Flash, and browsers for PC no longer support Flash. | MobileBrowser |
(5) Display the same content on mobile and PC | Avoid reducing the content of the mobile site compared to the PC site. | PC/Smartphone Browser |
(6) Mutual redirection between mobile and PC | If separate PC and mobile pages exist, redirect to the appropriate page for the device. | PC/Smartphone Browser |
(7) Place canonical link tag | Perform URL canonicalization to combine PC and mobile content ratings. | PC/Smartphone Browser |
Please check the following article for an explanation.
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Reduce image file size | Optimize the file size of JPEG and PNG images to reduce data volume. | PageSpeed Insights |
(2) Reduce video file size | Deliver video in WebM format to reduce data volume. | PageSpeed Insights |
(3) YouTube player embedded with Iframe Player API | Embed videos using JavaScript instead of the slow iframe tag format. | PageSpeed Insights |
(4) Load images as the screen scrolls | Implement delayed loading of images to improve display speed. | PageSpeed Insights |
(5) Display text even before downloading Web fonts | Specify the font-display: swap property so that the text is displayed even before the web font is downloaded, and | PageSpeed Insights |
(6) Compressing files on the server | gzip compresses HTML and CSS on the web server to reduce the amount of traffic. | PageSpeed Insights |
(7) Enable browser cache | The Cache-Control/Expires header sets the browser cache validity period to reduce the number of communications. | PageSpeed Insights |
Please check the following article for an explanation.
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Include keywords in the title | Include the keywords you want to strengthen in SEO in the title to improve keyword evaluation. | META SEO Inspector |
(2) Position keywords in the title at the beginning of the sentence as much as possible. | Include keywords at the beginning of the title as much as possible. | META SEO Inspector |
(3) Give each page a separate title | Specify that the title does not cover another page so that search engines can distinguish between the pages. | META SEO Inspector |
(4) Title should not exceed 60 characters. | Keep the title within 60 characters so that it will not be omitted in search results. | META SEO Inspector
|
Please check the following article for an explanation.
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Set description meta tag | description meta tag and have it appear as a snippet in the search results. | META SEO Inspector |
(2) Include keywords in description | The description should also include the keywords you wish to strengthen with SEO. | META SEO Inspector |
(3) The number of characters in the description should be about 150. | Keep the description within 150 characters so that it is not omitted in search results. | META SEO Inspector |
Please check the following article for an explanation.
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Use only one h1 tag | Only one h1 tag is used in the HTML, which is the main heading. h1 tag should be the same text as the title. | META SEO Inspector |
(2) Use h tags with article structure in mind | With the hierarchical structure of the article in mind, use h2 tags for middle-headins and h3 tags for sub-heading. | META SEO Inspector |
(3) Include keywords in main heading | Include main and related keywords within headings. | META SEO Inspector |
(4) Avoid overly long main heading | Headings should be set to a maximum of 60 characters. | META SEO Inspector |
Please check the following article for an explanation.
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Do not embed text in images | Headings and catchphrases are expressed in HTML tags. | Browser |
(2) Image file names should be English words | Use short English notation. | META SEO Inspector |
(3) Describe alt attribute describing the content of the image | By describing the content of the image in the alt attribute, you can tell search engines what the image is about. | META SEO Inspector |
(4) Embed keywords in alt attribute | The alt attribute is also used for image search, so be sure to include keywords. | META SEO Inspector |
(5) Describe the content of the linked page in the alt attribute | For image links, the alt attribute of the img tag describes the content of the link destination, not the image. | META SEO Inspector |
(6) Empty alt attribute for images for decorative purposes | For design images that do not affect context, specify alt="". | HTML Source |
(7) Place images in highly relevant positions | Place img tags near where the text mentions images. | HTML Source |
(8) Place important images at the top | High-value images should be placed at the top of the page as much as possible. | Browser |
(9) Do not specify images in CSS | Images specified with CSS will not be indexed; replace them with img tags. | View Background Image |
(10) Use an image sitemap | Images dynamically displayed by JavaScript can be registered for indexing. | Google Search Console |
Please check the following article for an explanation.
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Link to highly relevant pages | Can improve ratings between highly relevant articles. | META SEO Inspector |
(2) Anchor text should be short and easy to understand | Make the link string a short text that describes the linked page. | META SEO Inspector |
(3) Anchor text should be short and easy to understand. | In the case of internal linking, this will lead to improved evaluation of the link. | META SEO Inspector |
(4) Rel=ugc for user-posted links | Reduce the likelihood of being identified as spam due to fraudulent submissions. | META SEO Inspector |
(5) Add rel=sponsored to ad links | Reduce the likelihood of being recognized as spam due to ad fraudulent submissions. | META SEO Inspector |
(6) Link in-page links in the table of contents to h2 tags | The h2 is displayed as a site link, and CTR improvement can be expected. | HTML Source |
(7) Design links to be recognizable as clickable | It reduces the possibility of being recognized as a spam site. | Browser |
(8) Broken links return 404 errors or 301 redirects | Do not display error page with status code 200. | Chrome Developer Tools |
Please check the following article for an explanation.
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Place structured data of breadcrumb list on the lower level page | Breadcrumbs can be displayed in search results. | Rich-results Test |
(2) Add structured data for videos | Describe structured data on the page where the video is embedded. Information can be displayed in video search results. | Rich-results Test |
(3) Place structured data on event information pages | Describe structured data on pages with event information. Event information can be displayed in search results. | Rich-results Test |
(4) Place structured data on product pages | Describe structured data on pages with product information. You can display prices and reviews in search results. | Rich-results Test |
(5) Place structured data on FAQ pages | FAQs can be displayed in search results. | Rich-results Test |
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Eliminate crawl errors | Crawl statistics will be used to determine if there are any problems with search engine crawling. | Google Search Console |
rule | Description / SEO Effectiveness | Confirmation Tools |
(1) Resolve the problem of non-indexed pages | Check the coverage report to see if there are any problems with search engine indexing. | Google Search Console
|