WebSite X5Help Center

 
Oleksiy Khvatov
Oleksiy Khvatov
User

Snippets breadcrumb problem  en

Auteur : Oleksiy Khvatov
Visité 1436, Followers 2, Partagé 0  
Mots-clés :: breadcrumb,snippets

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 

Posté le
8 RéPONSES
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)

Lire plus
Posté le de Anthony A.
Oleksiy Khvatov
Oleksiy Khvatov
User
Auteur

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

Lire plus
Posté le de 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!

Lire plus
Posté le de Claudio D.
Oleksiy Khvatov
Oleksiy Khvatov
User
Auteur

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. 

Lire plus
Posté le de 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!

Lire plus
Posté le de Claudio D.
Oleksiy Khvatov
Oleksiy Khvatov
User
Auteur

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.

Lire plus
Posté le de 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!

Lire plus
Posté le de Claudio D.
Oleksiy Khvatov
Oleksiy Khvatov
User
Auteur

Hi Claudio, 

Thanks so much. It' works quite well now. 

Lire plus
Posté le de Oleksiy Khvatov