All Collections
Popular Articles
SEO Settings for Anima Websites
SEO Settings for Anima Websites

How to set up your site's SEO & best practice tips

Avishay Cohen avatar
Written by Avishay Cohen
Updated over a week ago

Anima allows designers to create high-fidelity prototypes inside Figma, Adobe XD and Sketch and exports them as HTML & CSS with a single click.

You can also build and host your website using Anima, and now with better SEO!


Skip to a section


Why is SEO important?

SEO means optimizing your website to search engines, so it comes higher search in results and with a clearer message. An important part of this optimization is embedding snippets of code— meta tags — to the code of a website or webpage. This helps search engines better recognize what the page is about.

Based on this information, the search engines determine if your website is related to what a user is searching for. If the search engine determines your page is valuable to the user, it will list it higher in the search results.


How to Add SEO Meta Tags?

  1. In your Anima project’s settings, head over to the Prototype Link tab and scroll to the SEO section

  2. Add or edit your SEO settings

  3. When you are done, click Save Changes at the bottom of the page

IMPORTANT
Make sure the meta tags are in the correct format: <meta… />

To learn more about Meta Tags click here


Social Tags

Title, Description, and a Cover image are visible when sharing a link to the page on social networks.


Recommended Tags:

There are several basic SEO tags that we recommend using:

<meta name="description" content="My awesome Cars website">

<meta name="keywords" content="cars,engine,wheels">

<meta name="author" content="John Doe">

For sharing in social media, and if you have a cover image, we recommend adding these:

<meta property="og:title" content="European Travel Destinations" />

<meta property="og:description" content="Offering tour packages for individuals or groups.">

<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg" />

<meta name="twitter:title" content="European Travel Destinations">

<meta name="twitter:description" content="Offering tour packages for individuals or groups.">

<meta name="twitter:image" content="http://euro-travel-example.com/thumbnail.jpg">


Get involved in our Anima Community Forum!

New to Anima?

Learn More

Did this answer your question?