Synee. - SEO and SCSS

Tags: Web Design, SCSS, SEO

Synee is a website for a design agency. I used SCSS to style the site and I implemented search engine optimisation to boost my skills in these areas.

The full site can be viewed here.

---

To style this website I made use of a variety of tools available in SCSS. 

First of all I used variables to set the colour scheme once, and I could then recall it throughout the CSS without having to repeat hash or RGBa values.

I also used nesting, particularly in the text sections, so my code was more organized and easier to follow. I then combined this with Extends so I could style the initial and final text section differently from the central ones. I did consider using Mixins for this task, but I felt that the Extend was a more appropiate solution and produced cleaner CSS.

 

For search engine optimisation I began reading the documentation of search engines such as Google. One thing I learned initially was that sites that use HTTPS automatically rank better, so i created a ".htaccess" file that automatically redirected viewers to the secure version of the site.

I then signed up with Google Search Console to start, and registered my domain. This allowed me to upload a sitemap and request pages to be indexed. Within a few hours my site began to appear when I searched for it.

To optimise it further I then uploaded a "robots.txt" file that tells various search engines what pages and directories on the site they should and shouldn't index.