Website promotion: audit and technical SEO
Posted: Wed Dec 04, 2024 10:21 am
The process of technical SEO covers many aspects such as page load speed, coding, additional resources and much more. The main elements that should be taken into account in the technical optimization of the site are listed below. This article is based on the talk and questions from the Webinar Promotion: Auditing and Technical SEO. For your convenience, you can watch the video and presentation from the webinar below, but the article contains more technical nuances, so we recommend that you also read the article.
Technical SEO is the process of optimizing the technical infrastructure of a website to improve its ranking in search engines. Audit and technical SEO are one of the most important stages of search engine optimization and site promotion, as its correct application allows you to ensure that your site meets the requirements of search engines.
1 // Analysis, editing and control
Page Load Speed: Page load speed is a key factor that affects your site's search engine rankings. It is important that the pages of the site load as quickly as possible, and for this you can use various moj database techniques, such as image compression, CSS and JS code minification, caching, etc.
Use TimeLine. There you can see live which elements work the longest on your website - try to reduce the elements that take a long time to load and / or weigh too much. To do this, check for example images: some image formats may be more beneficial, try saving the image in .gif, .jpg with different optimizations, .png , .webp or use .svg altogether + you can use tools like TinyPNG or Squoosh.
Remove unnecessary tags and pieces of code like <div></div>, <span></span> etc
Minify CSS , for example you can disable all unused JS and CSS, move some of the style code from the CSS file to HTML if appropriate in your case, and reduce the number of styles available. Some CSS files occupy more than 1000-2000 lines, among SEO.UA clients there were cases when the CSS file weighed more than 2 MB. Remove unnecessary characters, comments, and spaces from your code using tools like UglifyJS or CSSNano.
Replace the image with the code. Where there are background images, such as gradients or something else, you can use CSS. The image can also be made in .png or .gif with a transparent color, and the background behind it can be made using HTML and CSS. Such seemingly small chips can reduce the download volume of files and page code in general by many kilobytes.
Reduce server response time: Optimize your server by using caching, Content Delivery Network (CDN) and improving server settings.
Defer resource loading: Use the "defer" or "async" attributes for scripts to load asynchronously and not block page rendering.
Use lightweight libraries: Avoid heavy libraries if possible and use lightweight alternatives. It is also possible to make code without unnecessary libraries.
Defer loading images and videos that aren't displayed immediately: Use Lazy Load techniques to load these resources only when they're needed.
Use optimized fonts: Use WOFF2 or WOFF font formats for better performance and loading speed. Also, reduce the total number of different fonts on the page, their sizes, colors, etc. - this will also reduce the amount of code on the page.
Limit Redirects: Reduce the number of redirects on your website to reduce load times. Also note the point below about redirects and .htaccess.
URL structure: It is important that the URL structure of your site is clear and easy for search engines to understand. URLs should be short and reflect the content of the page.
Technical SEO is the process of optimizing the technical infrastructure of a website to improve its ranking in search engines. Audit and technical SEO are one of the most important stages of search engine optimization and site promotion, as its correct application allows you to ensure that your site meets the requirements of search engines.
1 // Analysis, editing and control
Page Load Speed: Page load speed is a key factor that affects your site's search engine rankings. It is important that the pages of the site load as quickly as possible, and for this you can use various moj database techniques, such as image compression, CSS and JS code minification, caching, etc.
Use TimeLine. There you can see live which elements work the longest on your website - try to reduce the elements that take a long time to load and / or weigh too much. To do this, check for example images: some image formats may be more beneficial, try saving the image in .gif, .jpg with different optimizations, .png , .webp or use .svg altogether + you can use tools like TinyPNG or Squoosh.
Remove unnecessary tags and pieces of code like <div></div>, <span></span> etc
Minify CSS , for example you can disable all unused JS and CSS, move some of the style code from the CSS file to HTML if appropriate in your case, and reduce the number of styles available. Some CSS files occupy more than 1000-2000 lines, among SEO.UA clients there were cases when the CSS file weighed more than 2 MB. Remove unnecessary characters, comments, and spaces from your code using tools like UglifyJS or CSSNano.
Replace the image with the code. Where there are background images, such as gradients or something else, you can use CSS. The image can also be made in .png or .gif with a transparent color, and the background behind it can be made using HTML and CSS. Such seemingly small chips can reduce the download volume of files and page code in general by many kilobytes.
Reduce server response time: Optimize your server by using caching, Content Delivery Network (CDN) and improving server settings.
Defer resource loading: Use the "defer" or "async" attributes for scripts to load asynchronously and not block page rendering.
Use lightweight libraries: Avoid heavy libraries if possible and use lightweight alternatives. It is also possible to make code without unnecessary libraries.
Defer loading images and videos that aren't displayed immediately: Use Lazy Load techniques to load these resources only when they're needed.
Use optimized fonts: Use WOFF2 or WOFF font formats for better performance and loading speed. Also, reduce the total number of different fonts on the page, their sizes, colors, etc. - this will also reduce the amount of code on the page.
Limit Redirects: Reduce the number of redirects on your website to reduce load times. Also note the point below about redirects and .htaccess.
URL structure: It is important that the URL structure of your site is clear and easy for search engines to understand. URLs should be short and reflect the content of the page.