Solve the errors logged to the console
If there are error warnings about your website within the console offered by the browser, you need to follow a few basic steps to resolve them.
SEO Tasks
Browse practical SEO tasks for fixing technical SEO, website audit, page speed, accessibility, and monitoring issues.
Title Tags Not Found
Are you encountering the title meta tag not found the issue? You can solve it right away! Here are the causes and importance of the problem in detail.
Sitemap.xml Files Have Format Errors
Do you see a warning that your sitemap.xml files have some format errors? There are some easy ways to fix the problem!
Robots.txt Not Found
If you are encountering the Robots.txt not found error, you can create your file immediately by paying attention to the steps below. Discover the details now!
Not Crawlable Pages
Have the same problem with crawlability issues? Let’s see what you can do for your website to be indexed. Here are the ways and solutions!
Meta Description Not Found
Are you getting a meta description not found a warning about your web page? Let's figure it out! Why is meta description important, how to pass the audit? Examine!
Text-to-HTML Ratio: What the Warning Means and How to Fix It
A low text-to-HTML ratio is a diagnostic clue, not a direct ranking factor. Learn when it matters and how to improve thin content or excessive markup.
H1 Tag Not Found
Are you getting an error saying the H1 tag not found on your website? Solve the problem now with Screpy! Let’s see how to pass the H1 not found audit.
Canonical unsuccessful status code
Are you getting canonical unsuccessful status code on your web page? Let's examine what this means and how it can be solved!
Canonical not found
Did you receive a canonical link not found an error? Let's examine in detail how we can fix the 404 error you get and what does it mean.
Broken canonical links
Did you receive a warning about broken canonical links? Let’s see what does it mean and how to fix it step by step!
Speed Index
Read on to review the working principle of Speed Index, one of Google Lighthouse's most important metrics, and ways to improve it!
Unminified CSS
Did you know that CSS files are often larger than necessary? To reduce bytes usage, you can minify them and improve web page performance.
The Size of the Images
Optimizing the sizes of images on your website can increase their loading speed by minimizing the space they take up.
Reducing Render-Blocking Resources
In order for your website to work properly, you need to get rid of URLs that hamper the rendering process. Here are a few tips for you!
Minify Production JavaScript
Ship minified production JavaScript to reduce transfer size and parsing work while preserving source maps for debugging.
Remove Unused JavaScript Without Breaking Your Site
Find JavaScript that is downloaded but not needed during page load, then reduce bundles and third-party code safely with measured changes.
Serve Properly Sized and Efficiently Encoded Images
Resize, compress, and responsively deliver images to reduce transfer size without sacrificing necessary visual quality.
Compress Text-Based Elements on the Web Page
Storage of the text-based contents with compression will save your Kib and make the user be more satisfied with the web page experience. Here are the details!
Remove unused CSS
You should remove CSS that is not critical for your web page in order to optimize the page’s loading speed and end-user’s experience.
Serve Images in Modern Formats
Use AVIF or WebP when they materially reduce file size, with appropriate fallbacks and responsive image delivery.
Using Preconnect
Inform the browser about your intention using preconnect or preload. See which one to use and the steps to use them. Here are the details!
No Video Formats for Animated Content
Learn how to increase the performance of your web page by converting your GIF files into video formats. Here are the ways and tips!
Reduce Redirect Chains and Extra Hops
Link directly to canonical destination URLs and collapse redirect chains to improve crawling, reliability, and page speed.
Avoid Enormous Network Payloads
See what is enormous network payload and how to minimize it! Having a much more speed web page can maximize the user experience of the visitor!
Preload Key Request
In order for your browser to run your site faster, you need to inform it about the files on your page that need to be run. Here are the details!
Server Response Time is Too Long
Decreasing your server response time is not that hard. Here are the tricks and tips to do that. Read the rest of the content!
Use Efficient Cache Policy with Static Assets
Caching users' site experiences and providing them with this recorded data on their next visit will increase the loading speed of the page.
The page is blocked from indexing
The fact that web pages have elements that prevent them from reaching search engine results pages also prevents indexing. Check here to fix this problem!
Use Legible Text Sizes
Increase small body and control text and preserve responsive scaling so users can read content without excessive zoom.
Image Size Responsive
To maximize the user experience and increase your SEO score, it is extremely important that the images on your web page are responsive. Here are some methods!
Use Valid List Markup
Keep ul and ol children structurally valid so assistive technologies can announce list boundaries and item counts correctly.
Text should remain during webfont load
The fact that a text is completely invisible during the Webfont loading process can be described as a serious UX problem. Here is the key to solving this.
document.write(): Why It Is Risky and How to Replace It
document.write is deprecated, parser-dependent, and potentially unsafe. Replace it with explicit DOM APIs or modern script loading patterns.
Configure the Mobile Viewport Correctly
Add width=device-width and an initial scale so responsive pages use the device viewport instead of a desktop layout viewport.
Unsuccessful HTTP Status Code on The Page
Having the HTTP status code set correctly for the web page is extremely important for search engines to index the page. Here are the details!
No Descriptive Texts for Links
It is important that the link texts on the web page are properly organized and semantically compatible with the link. Here are the details!
Make Touch Targets Large Enough
Increase the size or spacing of interactive targets so touch and motor-impaired users can activate the intended control reliably.
[accesskey] Values are not Unique
Reproducing the web page actions specified for the buttons on the keyboard may cause users to experience unwanted results and decrease the UX score.
No Accessible Names on Buttons
The buttons that do not have accessible names cause problems for users to understand and interpret themselves. Let's find out how to fix them!
Add a Skip Link, Heading, or Landmark for Main Content
Provide a reliable way for keyboard and assistive-technology users to bypass repeated navigation and reach main content.
First Contentful Paint
Want to explore what is First Contentful Paint and what does it measure? Let’s see details about the metrics and see how to increase the score!
Use Valid Definition List Structure
Place definition terms and descriptions directly inside a dl element so content structure is valid and understandable.
Fix Duplicate IDs on Interactive Elements
Give active and focusable elements unique IDs so labels, fragments, scripts, and assistive technologies target the correct control.
Fix Duplicate IDs Used by ARIA Attributes
Give every ARIA-referenced element a unique ID so assistive technologies resolve labels and descriptions correctly.
Remove Conflicting Multiple Labels from Form Fields
Ensure each form control has one clear accessible name and that any additional instructions are connected as descriptions.
Give Every Frame and Iframe a Descriptive Title
Add a concise title to each frame or iframe so assistive-technology users can identify its purpose before entering it.
Heading Order: Fix Skipped Heading Levels
Use a logical H1-H6 hierarchy so people and assistive technology can understand page structure. Learn how to find and fix skipped heading levels.
Add a Language Attribute to the HTML Element
Declare the page’s primary language on the html element so browsers and assistive technologies pronounce content correctly.
Use a Valid Language Code on the HTML Element
Replace invalid html lang values with valid BCP 47 language tags that match the page’s primary language.
Add Alternative Text to Image Input Buttons
Give every input type=image a concise alt value that describes the button’s action.
No [alt] Attributes in Images
The absence of alternative text explaining the purpose and nature of the image you share as content on your website is a problem for your site. Fix it!
Associate Every Form Control with a Label
Add explicit, visible labels to form controls so their purpose is clear to screen-reader and voice-input users.
Allow Browser Zoom in the Viewport Configuration
Remove viewport settings that disable or severely restrict zoom so users can enlarge content when needed.
Provide Text Alternatives for Object Elements
Give embedded object content an accessible name and a useful fallback when the resource cannot be rendered.
tabindex Values Greater Than 0: Fix Keyboard Focus Order
Positive tabindex values create fragile keyboard order. Use native controls, DOM order, tabindex 0, and tabindex -1 correctly.
Fix Invalid Table Cell Headers References
Make every headers attribute reference existing header-cell IDs in the same table.
Associate Table Headers with Data Cells
Give every data cell the correct row and column header relationship so complex tables are understandable non-visually.
Your Website Doesn’t Use HTTPS
HTTPS ensures maximum security of communication between your website and the users. Not using it can be a serious problem. Here are the steps for the solution!
Protect New-Tab Links with noopener
Prevent newly opened pages from controlling the original tab, and use noreferrer only when suppressing referrer data is intentional.
Do Not Request Geolocation Permission on Page Load
Request location only after a user starts a location-dependent task and understands why access is needed.
Do Not Request Notification Permission on Page Load
Ask for notification permission only after a clear user action and after explaining the value of enabling it.
Remove Vulnerable JavaScript Libraries
Identify outdated client-side dependencies with known vulnerabilities and upgrade, replace, or remove them safely.
The problem in Pasting into Password Field
Your page may prevent users from pasting their passwords into the relevant fields. This actually restricts security improvement. Let's see how to fix this problem!
Add a Standards-Mode HTML Doctype
Place the HTML5 doctype at the start of every document so browsers render pages in standards mode.
Charset Declaration Missing in HTML or System Runs Late
If the characters of these bytes are not specified, the browser may not be able to identify your website, because it cannot be sure which character represent which byte.
Remove the Use of Application Cache
In the current SEO world, Application Cache is no longer used. Therefore, it is extremely important to detect AppCache usage on your website and remove it.
Identify Front-End JavaScript Libraries
Inventory JavaScript libraries loaded by a page so you can remove unused, duplicated, outdated, or unexpectedly large dependencies.
Replace Deprecated Browser APIs
Identify deprecated web APIs and migrate to supported alternatives before browsers restrict or remove old behavior.
Solve Background and Foreground Color Contrast Problems
Background and foreground color contrast problems on your site can prevent optimal UX. Explore the ways to solve these problems with the help of Screpy.
Reduce Excessive DOM Size
Statements made by Google underline one point: Document Object Model AKA web page should not be on excessive size.
Employ Passive Event Listeners to Improve Your Website’s Scrolling Performance
To improve the browsing quality of a website, you should improve scrolling performance. The right method is to transform event listeners into passive ones.
Image Aspect Ratio: Fix Distorted Images and Layout Shifts
Fix images displayed at the wrong proportions, reserve layout space, and use responsive CSS without stretching visual content.