Advanced Technical SEO in Webflow [Pro Tips]

In this video, we learn tips for Advanced Technical SEO in Webflow. We will discuss how to defer third-party scripts, reserve required space for content, add structured data, and 'Href-lang' for multilingual sites.
TIMESTAMPS:
00:00 - Intro
00:36 - Defer Third-Party Scripts
03:00 - Reserve Required Space for Content
10:18 - Adding Structured Data
21:39 - Add 'Href-lang' for multilingual sites
25:02 - Thank You
SEO FOR WEBFLOW: Learn how to optimize your ‪@Webflow‬ website so it can start ranking on Google. In this series, we'll explore Technical SEO for Webflow, optimize project performance, and improve UX by applying core Accessibility principles.
See all videos from the playlist: • SEO for Webflow
-----------------------------------------------
// RESOURCES FROM THE VIDEO
Webflow SEO - finsweet.info/webflow-seo
Subscribe to Finsweet KZbin: kzbin.info?su...
Get the full list of FREE Finsweet products: www.finsweet.com/subscribe
-----------------------------------------------
// ABOUT US
We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!
🙌 Join our community - finsweet.com/fin-pro
🔥 Add superpowers to your Webflow website - finsweet.com/attributes
🧰 Extend your Webflow workflow - finsweet.com/extension
🚀 Build clear, scalable & organized Webflow websites - www.finsweet.com/client-first
👀 Check out products used at Finsweet - www.finsweet.com/recommended
🛍️ Buy Finsweet merch - finsweet.com/merch
-----------------------------------------------
// SOCIAL
Finsweet Live: / finsweetlive
Podcast: anchor.fm/finsweet
Twitter: / thatsfinsweet
Instagram: / thatsfinsweet
Facebook: / thatsfinsweet
Dribbble: dribbble.com/thatsfinsweet
Behance: www.behance.net/thatsfinsweet/
Webflow: webflow.com/team/Finsweet/
-----------------------------------------------
// TAGS
#Technical #SEO #Webflow
-----------------------------------------------
Thanks for your support! 🤟

[@ludvighegdal9]

This video is so valuable!! Please post more SEO/Webflow related videos 😃

[@JesseShauffer]

Keep these coming! Gold!

[@jasonlroach81]

Great overview! Well done.

[@otoolelaurence]

Excellent video - great job.

[@justus4711]

You guys are so underrated. Thanks for all you do!

[@Finsweet]

Seeing comments like this is fueling us

[@valdiszhvaginsh]

Thanks!

[@adoptedbybitcoin]

Any info about focusing keywords? Thank you for all the guides so far they are very helpful!

[@HarlowBurn]

Going to be using Webflow in a new SEO role and wanted to check how comprehensive the CMS is for making these implementations. Pretty impressive!

[@Finsweet]

Yep, Webflow's CMS is a beast for SEO!

[@mrm79]

@@Finsweet If it's such a beast for SEO, please let me know how can I remove a page from the sitemap.xml. It seems it's adding them automatically but if you have some unwanted pages there, how do you remove them? Also is there an option within Webflow where I can select which pages are indexed? Again it seems to index everything, every page you create even test pages... and it doesn't seem to have an option to opt them out of indexing.

[@misterjuls]

Great stuff thanks! For the banner-wrapper that needs to stretch, why not setting the ratio in the minimum height property rather than in the bottom padding + embed CSS?

[@Finsweet]

Thank you! Glad to hear that you liked it. Here's a quick answer: When your working with fixed dimensions, you can do that. No problem. But if you have an aspect ratio, that scales responsively, you can't really do that. Think about it. If you have an aspect ratio of 2:1, and the width is 800 px, you can easily set the min-height to 400px. But if that element is responsive, at 700px's you will still have an item that's 400px's high. In other words, we are not having the same aspect ration anymore. That's why we should use the solution mentioned in the video :) Cheers!

[@misterjuls]

@@Finsweet wow I'm impressed by the fast answer thanks! For the height I'm using the VW unit for ratios instead of pixels so that it is responsive.

[@skrobonja32]

@@misterjuls yes, if both the width and the height are set in vw then it works! ;) On the other hand, the method which I showed in the video, works with all units.

[@joachim_br]

What if we add schemas without chaining them with the graph keyword? Does it impact speed performance only? Noticeably? Thank you for the content!

[@Finsweet]

You can add schemas without chaining them if you want, but it's better if you do chain them. You're simply covering more ground :) Also, chaining a few schemas won't decrease your site's performance noticeably. Maybe if you chain a ton of them, you'll notice a difference... but in most cases you don't have to worry about it.

[@MrMarkRuffalo]

Hey, can you please create a video on "How to add nofollow tag" in Webflow. Could not find anything on it. Great Content BTW👍🏻

[@Finsweet]

It's really simple, you just need to paste the following line of code into the custom code/head code of the page: if you want to also add a noindex to it, then do this: Cheers!

[@MrMarkRuffalo]

@@Finsweet Thanks 👍🏻 but don't you think, Webflow should have this basic function to add Nofollow Link attribution just by click nofollow like in Wordpress. This is basic SEO settings.

[@sparshsadhu9658]

@@Finsweet I have a Webflow blog, how can I add a Nofollow tag to my blogs. Applying them on Webflow CMS blog template won’t work. Please help me out with this. I guess Webflow cannot add a simple way to add Nofollow tags to individual links

[@Finsweet]

@@sparshsadhu9658 You can simply create a custom field in your collection called rel. On blogpost which should be crawlable, you set the value to all. On other posts, set the value to nofollow. Then simply add this line to your CMS template's head: The content inside the squiggly brackets should be your CMS field link (the purple one) :)

[@cloutcobain123]

Is it necessary to defer third-party scripts? My blog pages are static.

[@Website-Developer]

I think I know the answer to this How do you add the schema to a single page where there are no dynamic fields? does it need to be done manually?