Im trying to optimize a blog page I have made for one of the clients and I wanted to be able to include meta descriptions on each page, so it shows properly when shared on social medias.
Does anyone have a clue on how to do this or if it possible within webflow?
Thanks for the links @vincent, I have watched many times this tutorials, just the help section not at all. I think I dida mistake on my question, I wanted to know how to make Meta Property, not Meta Descriptions.
So, if I share the post on facebook, the right image goes on.
Something like this:
<meta property="og:title" content="Primegrill Curityba Churrascaria | A Ăşnica PadrĂŁo Maria Macia"/>
<meta property="og:image" content="http://primegrill.com.br/images/sharelink-primegrill.png"/>
<meta property="og:site_name" content="Primegrill Curityba"/>
<meta property="og:url" content="http://primegrill.com.br"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="O conceito une a tradição brasileira e a argentina em carnes nobres com um cardápio bem variado em cortes brasileiros, argentinos, cordeiros entre outras carnes. "/>
Yes, but how to do it in multiple pages? IF you make it on the head section it will always share the same properties.
Ex:
If I share on facebook www.primegrill.com.br/ with this custom code on the head section, it will appear this:
<meta property="og:title" content="Primegrill Curityba Churrascaria | A Ăşnica PadrĂŁo Maria Macia"/>
<meta property="og:image" content="http://primegrill.com.br/images/sharelink-primegrill.png"/>
<meta property="og:site_name" content="Primegrill Curityba"/>
<meta property="og:url" content="http://primegrill.com.br"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="O conceito une a tradição brasileira e a argentina em carnes nobres com um cardápio bem variado em cortes brasileiros, argentinos, cordeiros entre outras carnes. "/>
The question is, how to achieve Meta properties in multiple pages? I want to be able to share www.primegrill.com.br/blog with other meta properties (other image, other description).
There is none, I guess. I ran into the same problem. Placing the tags inside the body via embed won’t work (for facebook).
Even if webflow would allow custom code per page, this would not solve the problem either because how are you going to reference an image for the facebook post? Probably it’d make sense to put it into the facebook-widget’s configuration area somehow.
Hi @Daniel_Sun and all, at the moment, being able to use custom SEO meta tags on individual pages, beyond SEO Title, Description and Keywords, is not possible for sites hosted online in Webflow, We recognize the importance of this, and we are working to update our SEO meta tag possibilities in a future update. So watch for this
Here you go… 2 php pages. index.php and about.php. 4 inc files.
Tell me if you need help understanding it.
index.php
<?php
/* NOTHING TO CHANGE HERE. CUSTOMIZATION IS DONE VIA USER INTERFACE */
/* define folder level structures */
include "define_levels.inc";
/* open standard load_page code */
include "$Dir_System_Level/wsb_system/load_page.inc";
/* NEW LAYOUT ADDED FOR webflow example */
include "$Dir_System_Level/wsb_system/$wsb_Page.inc";
?>
<!-- below added for webflow example -->
<br>
<br>
<a href="index.php">Open Index Page</a><br>
<a href="about.php">Open About Page</a>
define_levels.inc
<?php
/* CHANGED to reflect new root level - for webflow example */
$Dir_System_Level = "../../";
?>
load_page.inc
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?php
/* --------------------------------------------------- */
/* security REMOVED for webflow example
include "$Dir_System_Level/wsb_security/get_security.inc"; */
/* --------------------------------------------------- */
/* get active page */
include "$Dir_System_Level/wsb_system/get_url.inc";
/* --------------------------------------------------- */
/* load data - tables: client, client_page REMOVED for webflow example
include "$Dir_System_Level/wsb_system/data_load_01.inc"; */
/* --------------------------------------------------- */
/* insert header info REMOVED for webflow example
include "$Dir_System_Level/wsb_system/html_header.inc"; */
/* --------------------------------------------------- */
/* insert page layout REMOVED for webflow example
include "$Dir_System_Level/wsb_layout/$wsb_Layout.inc"; */
/* --------------------------------------------------- */
?>
<!-- include file -->
this is the index include file.
about.inc
<!-- include file -->
this is the about include file.
about.php
<?php
/* NOTHING TO CHANGE HERE. CUSTOMIZATION IS DONE VIA USER INTERFACE */
/* define folder level structures */
include "define_levels.inc";
/* open standard load_page code */
include "$Dir_System_Level/wsb_system/load_page.inc";
/* NEW LAYOUT ADDED FOR webflow example */
include "$Dir_System_Level/wsb_system/$wsb_Page.inc";
?>
<!-- below added for webflow example -->
<br>
<br>
<a href="index.php">Open Index Page</a><br>
<a href="about.php">Open About Page</a>
Hi @Danny_Froberg, thanks for the followup. I do not yet have an exact ETA For this feature yet. As soon as there is an update, there will be an announcement on that Cheers, Dave