How can I add hreflangs to specific CMS blog pages in Webflow without creating issues with multiple head tags?

TL;DR
  • Access the Webflow Dashboard, open the project and CMS Template page to add hreflang tags.
  • Open the Custom Code section via the template settings and insert hreflang tags within the “Inside Head Tag” area.

Adding hreflang tags to specific CMS blog pages in Webflow requires careful attention to placement within the page settings to avoid creating issues like multiple head tags. Here’s a concise guide to help you:

​

1. Access CMS Template Page

  • Go to your Webflow Dashboard, and open the project you are working on.
  • Navigate to the CMS collection for your blog.
  • Open the CMS Template page where you want to add the hreflang tags.

​

2. Open Custom Code Section

  • Click on the settings icon for the CMS Template (gear icon in the Pages panel).
  • Scroll down to the “Custom Code” section within the template settings.

​

3. Add hreflang Tags in Head Code

  • Add your hreflang tags inside the “Inside Head Tag” section.

  

  Here’s a sample format for your hreflang tag:

  • <link rel="alternate" href="URL for language version" hreflang="language code" />

​

4. Conditional Visibility (Optional)

  • To ensure tags only appear on specific blog pages, consider adding conditional statements if you're familiar with Liquid or similar templating languages. Note, this isn't directly supported by Webflow and may require exporting the code for a workaround.

​

Summary

To add hreflang tags to specific CMS pages in Webflow, edit the CMS template, and place the tags in the “Inside Head Tag” section of the custom code area, carefully ensuring the correct placement to avoid multiple head tags. Adjust use cases based on your specific language and regional requirements.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What does the configuration of Cloudflare Workers look like to set up a separate Guide section as another Webflow site using the CMS system in Webflow when the main site has reached the max page limit? After setting up the configuration, how do I point my main domain at the provided Routes URL from Cloudflare?
What could be causing glitches in the Designer and live site of a specific Webflow project, specifically when using the CMS section, while other projects in the same account are not affected?
How do I add the code (backgroundAlpha:1) to the hero section in Webflow for a background?
Is there a way to add anchor links to specific paragraphs in a blog post on Webflow without using ID's and creating sections?
How can I nest additional pages under a parent page in Webflow without using a CMS collection and ensure that the visible HTML page uses the same slug that has already been assigned to the folder method?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can multiple freelancers gain access to collaborate on a full CMS site in Webflow?
Is there a bug in Webflow causing the backdrop filter to not work on Safari? Others are experiencing the same issue, as shown in the attached images in both Safari and Chrome. The blur effect should apply to the "local-nav_container" div.
Can you utilize component custom properties in html-embed to have unique html-embed with different svg elements for each component?
How can I center button text both horizontally and vertically in Webflow without using flexbox?
Is there a simple code that allows slider heights in Webflow to automatically adjust based on the height of the content within them, even for CMS pages? It would be greatly appreciated as it is preventing the launch of my site. Thank you!
How can I create a Collection List in Webflow that pulls in content from different Collections? We're rebuilding our eCommerce stores and need to display products from multiple categories in one list. For example, the 'View All Products' page should show all products from all Collections, and the 'Products under £100' page should display products from multiple Collections filtered by price. Is there a way to achieve this? Here is my public share link: <LINK>
Can Webflow integrate third-party tools with custom branding on my site? If so, does Webflow offer developer support for this?
Will Webflow Ecommerce allow the addition of form fields and customization of checkbox default status in the checkout form, or is this a permanent limitation?
What would be a better setup for migrating our copywriter app from Bubble to Webflow, considering our requirements for saving user-generated content and potential limitations with Airtable's number of records?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?