I've an issue with hreflang tag. I'm working in a multilanguage site that have two languages, italian and english. I'd like to set automatically main page language in english for all the countries different from Italy.
I put this code on main page of my website but it seems doesn't work
<link rel="alternate" href="http://example.com/en/index.php" hreflang="en" />
Anyone can help me, please?
Yea the answer is using “en-us” would work.
Related
I was looking over some of the API reference pages for KDE and was specifically looking into their techcase docs and the more I navigate through the sub-pages of https://techbase.kde.org, the more I really enjoy their readability, lean, clean, etc. design.
Does anyone know what, if any, doc generator was used for techbase.kde.org?
A quick look at the html code of the homepage reveals a MediaWiki tag:
<meta name="generator" content="MediaWiki 1.20.2" />`
The pages at http://api.kde.org instead expose, among some others, a doxygen stylesheet:
<link rel="stylesheet" type="text/css" href="attica/html/doxygen.css" />
In one of my magento website I have added favicon using
magento admin panel > system > configuration > design > HTML head > favicon icon
It was displaying nicely in magento home page but not showing in inner pages. I have changed the current configuration scope to store view and did the same proccess. still it is not working. I hacve cleared caches and re-indexed. but it is not working.
Why is it so? How can I solve this?
Thank you.
# jatinder kumar you may need this only?
<link rel="icon" href="http://navaani.in/media/favicon/stores/17/favicon_1.png" type="image/x-icon">
<link rel="shortcut icon" href="http://navaani.in/media/favicon/stores/17/favicon_1.png" type="image/x-icon">
<link rel="shortcut icon" href="http://navaani.in/skin/frontend/base/default/images/dresscode_images/favicon.ico">
<link rel="apple-touch-icon" href="http://navaani.in/skin/frontend/base/default/images/dresscode_images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://navaani.in/skin/frontend/base/default/images/dresscode_images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://navaani.in/skin/frontend/base/default/images/dresscode_images/apple-touch-icon-114x114.png">
<link href="//fonts.googleapis.com/css?family=Amaranth:200,300,400,500,600,700,800" rel="stylesheet" type="text/css">
Ask me if you want more. Thank you.
We experienced similar. We resolved this (if I'm understanding your issue correctly) by overwriting the default favicon.ico in the root folder with ours.
Note, browser caching in relation to favicon.ico is extremely zealous :) As such, you will probably only see the change by opening the site in a browser you haven't opened the site in previously or on a different machine.
Looking to utilize hreflang on multilanguage website. Here's the scenario:
Initially there were 3 versions (out of date, non-SEO compliant, Flash included) of the same website. English, Korean, Chinese. We updated the English version to a brand new (SEO friendly) website, while leaving the Korean & Chinese version the same.
I've employed the following code in both the sitemap & on the headers of the non-English versions:
Sitemap:
<url>
<loc>http://example.com</loc>
<xhtml:link
rel="alternate"
hreflang="zh"
href="http://example.com/cn"
/>
<xhtml:link
rel="alternate"
hreflang="ko"
href="http://example.com/kr"
/>
</url>
The header for the non-English versions:
<link rel="alternate" hreflang="zh-us" href="http://example.com/cn"/>
<link rel="alternate" hreflang="ko-us" href="http://example.com/kr"/>
Do I need to add the hreflang tag to the new updated English version as well? Is there anything else I need to add to the international versions?
Many thanks in advance for assistance!
You don't need this code in both sitemap and header. Use it only in one place. I recommend you to remove it from the sitemap.
Also, you need to have the links to all the language versions on all pages in different language. For example, you should put:
<link rel="alternate" hreflang="en" href="http://example.com/en" />
<link rel="alternate" hreflang="ko-us" href="http://example.com/kr" />
<link rel="alternate" hreflang="zh-us" href="http://example.com/cn" />
Or, even better, you can make English default:
<link rel="alternate" hreflang="x-default" href="http://example.com/en" />
<link rel="alternate" hreflang="ko-us" href="http://example.com/kr" />
<link rel="alternate" hreflang="zh-us" href="http://example.com/cn" />
For reference, check this link: https://support.google.com/webmasters/answer/189077?hl=en
I am trying to add an apple-touch-icon to my SharePoint 2010 site. So far I had no luck with SharePoint sites. I added the following code to mater page file. But The same links works on regular web application sites. I am very new to SharePoint. Is there anybody who has had success with it? If so, could you please help me?
Thanks in advance,
Add this code in your masterpage :
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
If you don't want the default glass effect add this one :
<link rel="apple-touch-icon-precomposed" href="touch-icon-iphone.png" />
This is for the new generation with high resolution:
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
Apple's source here
When I want to share a site on facebook and want to add a custom image it doesn't work. It always gives the same image (one that is somewhere on the web page).
This is the code I've used:
<html>
<head>
<meta property="og:title" content="Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.the-website.com" />
<meta property="og:image" content="http://url-to-image.com" />
<meta property="og:site_name" content="The content" />
</head>
<body>
<h1> Facebook Like </h1>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.the-website.com%2F&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
</body>
</html>
If you try running the page through Facebook linter - http://developers.facebook.com/tools/lint/ - it may show up some issue.
Did you read it ? http://developers.facebook.com/docs/reference/plugins/like/
There is a "code generator" which would do all coding for you. Try it, then copy&paste the code...
As for your code:
- in this case - to have a like on a page - there is no meta needed (your example's meta are not needed).
- you have probably something wrong inside src tag: my guess is to REMOVE the "font&" part, but this might be wrong...
In any case... just use the link I provided...
I had the same problem. What I did was, I just removed the entire line " <meta property="og:image" content="xxxxxxx" /> " . This will push the facebook crawler to scan for every images in the page. Now place the image you want to add somewhere in the page with width=1 and height=1. Users won't recognise this in your page. But this image will be scanned by the crawler and you can select it to show it on our page. This worked for me. I don't know whether it will work for you or not.
NB: This is just a workaround, not a good solution