SEO and Google listing using title and description meta tag

magicwebs · September 12, 2018, 8:56am

The ‘title’ tag and ‘meta description’ of each page for a site I have developed can be set up by the client through a CMS created in Wappler. These are added to the page head as

When the page is indexed by Google the page title is picked up and displays correctly as text in the Search Engine results. However, the description on the Google results page listing which is normally the content of ‘metatag description’ shows as {{articlechoice.data.query1[0].articleMetaDescription}} and not as the correct text.

If you search on Google for treboroughhill.co.uk you will see what the listing looks like with the {{articlechoice.data.query1[0].articleMetaDescription}} where the Google description normally appears.

Is there any way to remedy this?

Teodor · September 12, 2018, 9:09am

Hi @magicwebs
How did you bind the value to the meta description tag? Can you paste the code of meta-description here please?

Teodor · September 12, 2018, 9:34am

Nevermind, i followed the link you provided.
All you need to do is to change:

<meta name="description" content="{{articlechoice.data.query1[0].articleMetaDescription}}">
<meta name="keywords" content="{{articlechoice.data.query1[0].articleMetaKeywords}}">

to

<meta name="description" dmx-bind:content="{{articlechoice.data.query1[0].articleMetaDescription}}">
<meta name="keywords" dmx-bind:content="{{articlechoice.data.query1[0].articleMetaKeywords}}">

So that the dynamic values can be parsed by app connect on page load.

magicwebs · September 12, 2018, 9:45am

Hello Teodor

<!doctype html>

And so on

Best wishes

Robert

Teodor · September 12, 2018, 9:49am

@magicwebs Please check my last reply and make the changes i described, your issue will be fixed then.

magicwebs · September 12, 2018, 9:58am

Hello Teodor

Many thanks, I having been trying to figure out how to do this properly for days.

Wappler team have made a fantastic piece of software; all your hard work and enthusiasm is very much appreciated. It is such a pleasure to use Wappler compared with hauling through Dreamweaver.

Best wishes

Robert

Teodor · September 12, 2018, 10:01am

Thank you for your feedback
Your site looks great by the way!

ChrisDixonStudios · February 28, 2019, 7:04am

This worked for me : moving is=“dmx-app” out of into:

Teodor · February 28, 2019, 7:06am

Hello Chris,
You just need to click App in app structure and select whether to apply it on body or on the page, in the properties panel.

ChrisDixonStudios · February 28, 2019, 7:13am

Yes! that did it: App tab: app structure: app root: Page

sitestreet · November 16, 2019, 5:38pm

How can I have dynamic content in the <title> tag? I’ve tried everything and it’s not having it!

Teodor · November 16, 2019, 5:41pm

Hi @sitestreet
First you need to click App and select to apply on the page (body is default).
Then any dynamic expression will be rendered between the title tags.

sitestreet · November 16, 2019, 6:05pm

Hi @Teodor. Yep, the page already has lots of dynamic content on there. Adding App Connect is always the first thing I do. I’ve put a binding between the <title> and </title> tags but it just shows the js instead. I’ve also tried to find a dynamic attribute for it but there’s everything except the title tag.

Teodor · November 16, 2019, 6:08pm

But have you selected to apply it on page or on the body?

brad · November 16, 2019, 6:45pm

What teodor means is to select App in the App Connect Panel and change "App Root" to "Page".

sitestreet · November 16, 2019, 11:22pm

Aah, I’m with you now. I wondered what that drop down was for. Changed it to Page and it’s working perfectly.

Thanks all.

t11 · November 17, 2019, 12:10pm

Talking about SEO, attaching a GTMetrix analysis with great speed results.
With the clean code that Wappler creates it is possible to achieve great SEO results.