▼
Streaming live at 10am (PST)

SEO: Meta property for multiple pages


#1

Hey guys,

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?

Thank you!


Option to prevent search engines from indexing site
#2

Click on the wheel for page-related infos, title, url, keywords and desc http://cl.ly/image/0v2c2r0j1m2T


#3

Daniel you should really read all this http://help.webflow.com/ it's not that long, also watch all this http://tutorials.webflow.com/

Then you can come back to answer pretty much all the questions on this forum wink


#4

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. "/>

#5

Oh, then I guess copy those lines into the Head section in Custom code?

http://help.webflow.com/adding-custom-code


#6

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).


#7

Is the blog hosted on Webflow servers or elsewhere?


#8

Elsewhere, do you have any idea?


#9

Hi! I also need this. Did you find a solution?


#10

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.


Option to prevent search engines from indexing site
#11

I might be mis-understanding your question... but

If it's php... use an include directive.

In your webflow header... use a generic function that determines the page name...
which would then determine the include file.

Obviously... you would have to change the file extension from htm / html to php... which most blogs are anyways.

For example: if your url is mydomain.com/about.php

using php... you can grab the page "about.php"... then replace "php" with "inc"

you would then have an "inc" file for each page.. containing each pages meta tags.

I do this all the time.


#12

As far as I understood, it's a webflow project, not the exported version.


#13

Thanks for the words @Revolution, could please make a step by step of this? Guess would help a lot of people here!

sunny


#14

you cannot do this within WebFlow... unless there is an feature I didn't see.

WebFlow staff ? Can you check this ?


#15

So, you want to take this into php ?

You do realize - it's a 1 way trip... yes ?

For me... it's not an issue because I use WB to prototype.

I wish I could it use it for more.


#16

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 smile

Cheers, Dave


#17

@Daniel_Sun

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"; */

/* --------------------------------------------------- */

?>

get_url.inc

<?php
	$wsb_Server_Name = $_SERVER['SERVER_NAME'];
	$wsb_Domain_Name = str_replace("www.","", $wsb_Server_Name);
echo "Server: " . $wsb_Server_Name . "<br>";
echo "Domain: " . $wsb_Domain_Name . "<br>";

	$wsb_URL = $_SERVER['SCRIPT_FILENAME'];
	$wsb_BaseName = basename($wsb_URL);
	$wsb_Page = str_replace(".php","", $wsb_BaseName);

echo "URL: " . $wsb_URL . "<br>";
echo "BaseName: " . $wsb_BaseName . "<br>";
echo "Page: " . $wsb_Page . "<br>";
?>

index.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>

#18

Any news of this implementation? It's really important to get this working for WF hosted sites..


#19

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 smile Cheers, Dave


#20

Hi, do you have document somewhere outlining whats in the pipeline, milestones etc?
I figured SEO stuff would be waaay up there on the priority list.