Websites & Webapps built using CodeDesign are now fast & SEO friendly out-of-the-box. We use a technology called Next.js to server-side render our pages. It’s fast, efficient and search engine friendly. You can verify it by testing your SEO score on Google's PageSpeed Insights.
You can go a step even further using the SEO & Analytics settiings. Let's see how to tweak your SEO & Analytics settings in CodeDesign builder.
Accessing the SEO & Analytics Settings
Assuming that you already have your CodeDesign Project opened in the builder, here's how you'll access the SEO & Analytics settings from the Project Settings workspace.
Make sure that you've opened the project from the dashboard.
Go to the 'Project Settings' workspace, accessible from the bottom menu on the builder.
Goto the 'General' tab [This tab will be active by default in 'Project Settings'].
In the 'SEO & Analytics' section, you will all the four parameters that you can edit discussed in detail below.
Google Meta Image
Meta images are branded images that appear when a user shares an article or page from your company's website. They are vital to your brand's appearance and success on social media and beyond, but are often overlooked in the web design and development processes – even by the world's biggest brands.
Meta Title
A meta title, also known as a title tag, refers to the text that is displayed on search engine result pages and browser tabs to indicate the topic of a webpage.
Meta Description
A meta description tag generally informs and interests users with a short, relevant summary of what a particular page is about. They are like a pitch that convince the user that the page is exactly what they're looking for.
End of <head> tag
The <head> tag in an HTML file usually includes the meta info (title, keywords, description, and URL), publish info (publish date, modify date, author name, etc.), and some other script details of the webpage. Those contents can’t be displayed on a normal page view. You can add the Google Analytics or any other tracking code at the end of the <head> tag; which is right before the closing </head> tag.
Saving the Changes [Don't Forget]
You can change the parameters and once done, Click on the 'Update' button.
We've put together a short video that walks you through the steps for adding Meta information to your project.
If you have any questions, please don't hesitate to reach out to our support team. You can do so by simply clicking on the messaging option at the bottom right of the screen. We are here to help!