DMXzone App Connect Support Product Page

Answered

Make Pages SEO Friendy

Asked 20 Jan 2021 13:54:17
1
has this question
20 Jan 2021 13:54:17 Charles Knight posted:
Hi,
I tried following this tutorial:

www.dmxzone.com/go/32985/how-to-make-your-app-connect-page-seo-friendly

but it refuses to work on my pages.

Does it depend on where the title tag is in relation to the script tags?

I also found a reply by Teodor saying you need a dmx:bind in the tag name for it to work, any suggestions?

Replies

Replied 20 Jan 2021 15:41:29
20 Jan 2021 15:41:29 Teodor Kuduschiev replied:
What do you mean by: but it refuses to work on my pages.?
Replied 21 Jan 2021 09:58:53
21 Jan 2021 09:58:53 Charles Knight replied:
As I mentioned, I followed the tutorial and it won't work.

Have App root set to Page and have App Connect Expression placed inside the Title tags:

<title>{{serverconnect1.data.autobond[0].make}}</title>

Still no joy

For reference, when I place my cursor between the Title tags App Connect gives me three options;
Insert App Connect Binding
Insert Server Side Binding
Select Parent HEAD

I chose the first option and get the result above.
Replied 21 Jan 2021 11:01:07
21 Jan 2021 11:01:07 Teodor Kuduschiev replied:
Charles, what do you mean "it won't work"? What exactly happens on the page? What do you see? If you expect a fast response from us make sure to explain the issue in details.

"It doesn't work" explains nothing and is not helpful explanation of the problem. Also a link to the page where we can check this will be useful.
Replied 21 Jan 2021 11:54:17
21 Jan 2021 11:54:17 Charles Knight replied:
Result of following the tutorial, ie: making sure App root is set to Page, not Body and inserting binding in between the Title tags as show above does result in a dynamic Title, its does not work...

Output in view source is;

<title>{{serverconnect1.data.autobond[0].make}}</title>

Not sure what else to tell you
Replied 21 Jan 2021 13:41:10
21 Jan 2021 13:41:10 Teodor Kuduschiev replied:
Charles ... the view source will ALWAYS show

<title>{{serverconnect1.data.autobond[0].make}}</title>


that is how it is supposed to work! Google crawlers are smart enough and they process javascript code and render this and get the actual value! So it is working exactly as it is supposed to.
Replied 28 Apr 2021 14:49:05
28 Apr 2021 14:49:05 Charles Knight replied:
Hi Teodor,

I have come back to this thread as I need to get dynamic page title tags working.

I understand Google crawlers might be smart enough to understand javascript code but none of my web browsers are!

If I insert a binding as suggested the tab heading/title on Edge/Chrome/Etc just shows the raw expression, surely this can’t be right?
Replied 28 Apr 2021 21:05:52
28 Apr 2021 21:05:52 Teodor Kuduschiev replied:
Hi Charles, not sure what exactly do you mean by that.
Maybe explain your issue a little more detailed ...
Replied 29 Apr 2021 13:35:40
29 Apr 2021 13:35:40 Charles Knight replied:
You mention above that if you look at the source view of a web page you see the page title tag as an App Connect Expression, but that a web bot or web crawler see this javascript and reads it as the information required.

On IE, Chrome and Edge the top left hand corner tab shows the title tag which is shown as the expression code not as what should the expression result.

Example

<title>Honda</title>

Web browser top left tab shows; Honda

<title>{{serverconnect1.data.autobond[0].make}}</title>

Web browser top left tab shows; {{serverconnect1.data.autobond[0].make}}

Surely it should read 'Honda'?
Replied 29 Apr 2021 14:17:02
29 Apr 2021 14:17:02 Teodor Kuduschiev replied:
Well you need to make sure the App Root option of App Connect is set to PAGE not BODY to be able to render the data there...
Replied 29 Apr 2021 15:19:40
29 Apr 2021 15:19:40 Charles Knight replied:
Thank you, that works as expected now.

Is it just the <title> tag which can be dynamic or can I make any of the tags that way, I thinking perhaps the description tag?

Reply to this topic