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?
In your Anima project’s settings, head over to the Prototype Link tab and scroll to the SEO section
Add or edit your SEO settings
When you are done, click Save Changes at the bottom of the page
Make sure the meta tags are in the correct format: <meta… />
To learn more about Meta Tags click here
Title, Description, and a Cover image are visible when sharing a link to the page on social networks.
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">