WebSite X5Help Center

 
Oleksiy Khvatov
Oleksiy Khvatov
User

Snippets breadcrumb problem  en

Author: Oleksiy Khvatov
Visited 1203, Followers 2, Shared 0  

Hi, 

I have a small problem, I want to add the breadcrumb snippets  into my webage.

Questions:

1) Where is the best way to do that, befor closing <head> or <body> ? 

2) I made this breadcrumb snippet and tested in Google snippets  tool. It works well, but when I am insterting it into the page it show directly on the page like text. Why this is happening I still don't know. Please hep me guys. 

<p><span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.homepage.com/" itemprop="url"><span itemprop="title">Home</span></a> › </span>

<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://www.homepage/page1" itemprop="url"> <span itemprop="title">❶Page1</span> </a> ›

</span><span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://www.homepage/page2" itemprop="url"> <span itemprop="title">❷Page2 </span> </a> ›

</span>Bread crumb tool</p> </span><span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://www.homepage/page3" itemprop="url"> <span itemprop="title">❸Page3 </span>

Thanks 

Posted on the
8 ANSWERS
Anthony A.
Anthony A.
User

<p> ? that is for pragraph and text!

as far as tag section, it depend what are you going to do, 1) make sure your pages are php, 2) depend on kind of snipe some of them goes even before html tag (means before opening of head, and not inside the head.

I suggest read the manual of snipe code (you can find it from the place you got your code).

if this post is the correct answer, please mark this answer as correct answer.

------------------------------------------------------------

Good Luck

http://www.wdesigners.us (new)

http://www.usx5.com (coming soon)(Sign up)

Read more
Posted on the from Anthony A.
Oleksiy Khvatov
Oleksiy Khvatov
User
Author

Thanks so much for the answer. I just don't get it. Why I need to make my html pages like php ? Second, I tried to to do the way you suggested and it doesn't work at all. How you would do them ? Thanks

Read more
Posted on the from Oleksiy Khvatov
Incomedia
Claudio D.
Incomedia

Hello Oleksiy Khvatov,

This html code needs to be added in the HTML&Widget Object in step 3 since it needs to be in the BODY.

It is not necessary to have the pages as PHP.

Many thanks!

Read more
Posted on the from Claudio D.
Oleksiy Khvatov
Oleksiy Khvatov
User
Author

Hi Claudio, 

Thanks so much for response, however I am confused a bit. On step 3 I added HTML&Widget object and then we have two tabs HTML Code & Expert.  If I paste this code to HTML code I can see it directly on the page while I am preview it. Maybe I should paste in Expert tab where it says for CSS code?  Thanks again for your help. 

Read more
Posted on the from Oleksiy Khvatov
Incomedia
Claudio D.
Incomedia

Hello Oleksiy Khvatov,

You need to paste the code in the first tab since this one is for the HTML code.

The second tab is only for css code and to attach files to the code, in case it is necessary.

Once you pasted it then in the preview it will be visible.

Many thanks!

Read more
Posted on the from Claudio D.
Oleksiy Khvatov
Oleksiy Khvatov
User
Author

Hi Claudio, 

I don't want to make it visible on my page directly, this thing I only do for Google, when someone is searching using "keyword phrases" in organic search they will see this. Please see the example. Thanks so much for help.

Read more
Posted on the from Oleksiy Khvatov
Incomedia
Claudio D.
Incomedia

Hello Oleksiy Khvatov,

You can add <div style="display:none"> before your code and then at the end add </div> so this will be not visible on the page but present as code:

<div style="display:none">

here goes your html code

</div>

Many thanks!

Read more
Posted on the from Claudio D.
Oleksiy Khvatov
Oleksiy Khvatov
User
Author

Hi Claudio, 

Thanks so much. It' works quite well now. 

Read more
Posted on the from Oleksiy Khvatov