Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
How to add Meta Data explicitly for tabs ?
I have some pages which have tabs in it which opens URLs of type www.blahblah.com/page#tab1
How to add meta data related to tab1 tab2 etc. I do not want to add it in parent page.
EDIT : Reference
<div itemscope itemtype="http://data-vocabulary.org/Person">
My name is <span itemprop="name">Bob Smith</span>,
but people call me <span itemprop="nickname">Smithy</span>.
Here is my homepage:
// Does this URL Come up in Search as primary Link ? If so I can set it to
mysite.com/page#tab1
##www.example.com.##
I live in
<span itemprop="address" itemscope
itemtype="http://data-vocabulary.org/Address">
<span itemprop="locality">Albuquerque</span>,
<span itemprop="region">NM</span>
</span>
and work as an <span itemprop="title">engineer</span>
at <span itemprop="affiliation">ACME Corp</span>.
</div>
As specified by W3C the <meta>tag can only be located in the <head> part of your HTML so you can't use these tags for your tabs. However, you could use Sitemaps
could be a good solution for you. According to the site,
Sitemap 0.90 is offered under the terms of the Attribution-ShareAlike Creative Commons License and has wide adoption, including support from Google, Yahoo!, and Microsoft.
You can generate the sitemap of your site with this site in XML, add the tabs manually, and then submit it to the different search engines directly or add it in your robots.txt file as follows:
Sitemap: http://example.com/sitemap_location.xml
You could also use microdata, as specified in this W3C Specification. According to the spec:
When a string value is a URLs, it is expressed using the a element and
its href attribute, the img element and its src attribute, or other
elements that link to or embed external resources.
So even if your URL contains a fragment (the # part), the different search engines should point to the correct tab. For example, Google adds a "jump to" link. See this old blog post.
EDIT : https://developers.google.com/webmasters/ajax-crawling/docs/specification
This explains it all.
Summarizing the article. for all Ajax callbacks server side pages should also be implemented
Request
The crawler agrees to request from the server ugly URLs of the format:
domain[:port]/path?_escaped_fragment_=hashfragment
domain[:port]/path?queryparams&_escaped_fragment_=hashfragment
domain[:port]/path?_escaped_fragment_=
domain[:port]/path?queryparams&_escaped_fragment_=
Search result
The search engine agrees to display in the search results the corresponding pretty URLs:
domain[:port]/path#!hashfragment
domain[:port]/path?queryparams#!hashfragment
domain[:port]/path
domain[:port]/path?queryparams
Related
So I know how to show recent blogs using
---
blog:
recent_posts:
limit: {{theme_settings.homepage_blog_posts_count}}
---
{{#each blog.recent_posts}}
{{url}}
{{getImage thumbnail 'gallery_size'}}
{{thumbnail.alt}}
{{title}}
{{summary}}
{{/each}}
But is there any other blog data I can pull, and have it on any page??
Can I specify {{thumbnail.alt}} and if so where?
Can I change the number of characters pulled in {{summary}}
Ideally can I pull blog tags somehow on the home page?
I need something, anything I can hide a list of urls in so I can write some javascript to categorize this blog and have certain blog articles appear on certain pages...
There's loads more data available. Check out the stencil documentation and
https://developer.bigcommerce.com/stencil-docs/reference-docs/other-objects-and-properties-overview#other-objects_blog
It looks like you already have the thumbnail alt in there, but here's some more:
limit summary
{{ellipsis summary 75}}
blog tags
{{#each tags}}
<li class="tag">
#{{name}}
</li>
{{/each}}
I think you might be needing to check out 'filter' under handlebar help reference to return just certain blogs / categories though.
https://developer.bigcommerce.com/stencil-docs/reference-docs/handlebars-helpers-reference
There is currently no way to set the image alt tag. It will simply return the title of the post. I will ask the BigCommerce team to look into potentially setting up a way to specify the alt text.
If you need additional control over the blog data, your best bet would be to make AJAX calls to the frontend API to get the data, then manipulate it using JavaScript. You can check out this article I wrote on displaying only posts that are tagged with "featured": https://medium.com/bigcommerce-developer-blog/how-to-feature-a-blog-post-in-bigcommerce-f67d15d36597
The main power comes from this function:
api.getPage('/blog/', options, (error, response) => {})
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
I am the only developer on my small start up team. I got tasked with building an entirely new Shopify store platform from scratch (no Shopify starter theme) and I want to make sure I am not going to get fired for messing up. I have never built anything in a production environment.
I followed some online resources suggesting I start with the Timber framework to get started. After completely building out mobile, I was then told it was obsolete. I have been pretty much feeling around in the dark and implementing what knowledge I do have.
My team's current website theme is on store.myshopify.com. I have been building the new, highly-customized theme on dev-store.myshopify.com. How do I transfer product reviews, store locator information, and other data from the old store over to the new store?
Start with a base theme, even if they say from scratch a base theme gives you most of the pages already coded and you can build on top of that.
You can start with the theme that comes with every shopify store or use the skeleton theme https://github.com/Shopify/skeleton-theme ( even though there is no sections implemented in the skeleton theme )
Once you install the theme on you can start modifying the important templates:
index.liquid
collection.liquid
product.liquid
cart.liquid
page.liquid
The above templates are the most important ( if you have account registration than the account templates will be important as well )
If this is your first Shopify theme, don't go too crazy with the theme settings, stick only to the important bits. For example there is no need to allow the user to change how many products will be shown on the collection page or how many on the same row. You can hardcode a lot of the items and if the client want to change anything afterwards you can create an option in the theme settings panel.
Good resources to look into are:
http://cheat.markdunkley.com/
https://help.shopify.com/themes/liquid/objects
And don't use a framework like timber, you will complicated and loose yourself in the code.
Code the site as a simple HTML and convert it to a Shopify theme.
For example, the shop page in HTML will be:
<div class="products">
<div class="product">
....
</div>
<div class="product">
....
</div>
<div class="product">
....
</div>
</div>
When you convert it to a liquid logic it will become:
<div class="products">
{% for product in collection.products %}
<div class="product">
....
</div>
{% endfor %}
</div>
So my recommendation is to start with the HTML phase, get an approval on that and then continue with the Shopify integration. You can use the Skeleton theme for reference or the launch theme that comes with each Shopify site.
If you have a complex Homepage with sliders and more than 1 section, I highly recommend to look into sections ( https://www.shopify.com/partners/blog/introducing-sections-for-shopify-themes ) it will make your life a lot easier, rather than spamming multiply fields for each slide in the theme setting panel.
Hope that this information will be of use to you.
I say I have a section of a page like this (rough HTML to give an idea):
www.mydomain.com/contact-us
<div class="regional-offices">
<div class="south-west">
South West
<div class="south-west-content">South west office address</div>
</div>
<div class="north-east">
North East
<div class="north-east-content">North east office address</div>
</div>
...
...
Currently, these are a set of accordions that expand to show the content when the link is clicked. What I would like to do is treat them as individual URLs so that they can be seperately indexed by Google, as of course at the moment they are just part of a single page.
I have been researching the History API and can see how I would do this as far as creating unique URLs for each section, but where my understanding falls down is how Google or other search engines will handle these links if the required info is already part of the page and not stored at its own seperate URL.
For instance, the first step would be to change the <a> tag to be something like:
North East
We can then use JS to preventDefault() going directly to the URL, and instead provide the user with an expanded accordion, bring the page scroll down to the accordion and a unique URL using the History API. This is all well and good if we visit the URL directly, or click any of the links.
But the problem is that as far as I know, the Google crawler will try to follow the link and be faced with a 404 because there's no Javascript preventing access to the resource in the URL. And nor do I want there to be.
Or is it the case that I will need a unique location holding the contents of the accordion, which is indexable, and also pulled in with AJAX when a collapsed accordion is interacted with?
Apologies if I haven't made anything clear.
I had to deal with the same thing. What I did was to make a rewrite rule so that the link that google follow is actually posted to the page that handle the the request. to display the data. Angular might save you a lot of trouble to dealing with accordions.
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 9 years ago.
Improve this question
I am creating a wordpress website with multi-level of navigation.
When i say multi-level the parent link also has <a href="#">. I have this link for nothing. And this is creating issues when I check for Link quality in chrome extention "SEO Site Tools" It gave me I have over 200 links in my homepage and this is bad seo.
Is there anyway I can replace parent item link <a href="#"> to <span>? If I do will search engine make my website as scam? This is the structure I am trying to implement.
<ul>
<li>
<span>Products</span>
<ul>
<li>Product 1</li>
<li>Product 2</li>
</ul>
</ul>
I wrote seo site tools. The 200 links per page is really more of a rule of thumb... Im sure you will be fine. if you send the domain along ill take a look but I dont understand why you are listing all your products in the menu. the other thing you could do is for the deepest pages write the nav code out with javascript and then google wouldnt see all the links to every page on every other page. If you choose to go that way make sure google will still have a way to navigate to those pages (this is usually done with category listing pages)
This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
jQuery and SEO (hidden div's)
What if I added a hidden div tag inside it some content text, does search engines look into this div?
Example:
<div style="display:none">some text</div>
It will be indexed but can be frowned upon by Google if you are hiding/showing content for SEO reasons. In other words, what Google sees should be what the user sees when clicking the link.
have a look on this discussion at google form:
http://groups.google.com/group/Google_Webmaster_Help-Indexing/browse_thread/thread/fd91a80997e531b2/e0fe0c574aa44b8d?lnk=gst&q&pli=1
https://support.google.com/webmasters/answer/66355?hl=en
Hope this helps.
It depends who you ask :)
Google is pretty smart and does take CSS into account in certain ways. As far as I can tell they seem pretty good at distinguishing between genuinely useful (to the user) content that is hidden and complete spam content hidden.
Best way to get an idea of what the search engine sees is the use lynx http://en.wikipedia.org/wiki/Lynx_(web_browser)