Improve layout Fix SEO
Improving a Webflow Blog Layout, Fixing Responsive and SEO Issues
RTM offers a variety of advice and resources to improve the lives of parents and caregivers.
Brief
While the homepage looked nice, some other pages didn’t. These pages would stray from the initial brand identity, greatly disorienting the viewing user, making them double-guess whether they’re still on the same site.
Additionally, there were important SEO issues, as well as a horizontal scroll bar bug.
The Solution
First and foremost, we made sure that the typography and colours were identical to the ones in the homepage, that did most of the heavy lifting in making sure the pages looked cohesive.
On top of that, we also included other elements, such as the background pattern and boxed border around the images.
SEO errors
As for the SEO issues, there were multiple H1 tags per page, as well as plenty of missing alternate texts that we managed to fix quickly. These are some of the most common and yet most dangerous issues that can greatly damage your SEO rankings in the long run.
Rewriting CSS class names
While in the process of fixing SEO issues, we took the chance to also rename some of the CSS classes, using the Finsweet Client-First naming convention. That way, elements could now be more easily identified at a glance using the Inspector.
Responsive
Finally, we took care of some elements which were exceeding the documents viewport in width, that naturally resolved the horizontal scroll bar bug without the need of using hacks (an unfortunately popular practice).