i currently developing this site, my problem is than user cannot zoom page on mobile devices. (Ipad,Iphone..) And user saw only part of the website when website load on Samsung S3. I Tried to search, but i dont saw answer what can help me.
I think than problem is in metatay "viewport".
Actually i have this.
<meta name="viewport" content="width=1050px; user-scalable=yes; target-densityDpi=device-dpi" />
Thanks for any suggestion :).
If anyone is interested. I fixed like this, i just edit width and delete another tags.
<meta name="viewport" content="width=1136px">
Related
I'm having a lot of problems sharing my site URLS. When sharing a new post, the image associated to the post is not shown.
I tried the Facebook Open Graph Debugger, but it doesn't work as supposed.
1st try to check the url I get this error:
2nd try I get this other errors:
og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook. Image 'http://img1.woman.es/82/ad/85/michelle-calvo-presentacion-coleccion-roberto-verino-640x689.jpg' will be used instead. Consult http://developers.facebook.com/docs/sharing/webmasters/crawler for more troubleshooting tips.
As you can see the og:image is present, but facebook can't see it.
Could you please help me with this? I'm getting mad trying to find the problem.
Page with OG's: http://www.woman.es/moda/tendencias/famosas-rinden-tendencia-botas-altas.
Thanks in advance and sorry for my damn English.
This seems to solve the problem (add a width and a height to the og:image):
<meta property="og:image:width" content="640" />
<meta property="og:image:height" content="917" />
so one of the functions of the site I am working on is a video blog... using YouTube embedded videos in the posts of the blog section.. and that is working quite nicely... However, when I go to share the post on FB to drive traffic it doesn't pull the thumbnail like it does from sharing this video from youtube.com itself. I know in the past I could add "link href" in my heard of a page to put a fixed custom thumbnail to be pulled... But I was wondering if you guys knew how I might accomplish that Doing it dynamically would be great.
Try this . add into your header.
<link rel="image_src" href="http://www.myfavoritepic.jpg/" />
<meta property="og:image" content="http://www.myfavoritepic.jpg/" />
The thumbnail of the site is not loading in Facebook when being shared/liked. I have the following within the head section of my HTML:
<meta property="og:image"
content="http://img.loveculture.com/ProductThumbs/1039103_29_1.jpg" />
<link rel="image_src" type="image/jpeg"
href="http://img.loveculture.com/ProductThumbs/1039103_29_1.jpg" />
According to Facebook's test page it passes with flying colors:
The images are in fact there.
The images are small and in JPEG format.
I waited 24 hours (possible Facebook cache issue)
I have had the same issue for a couple of weeks and my only solution was to put the image on a different domain.
It is a bug with Facebook but not enough people seem to be having the issue to justify them spending time on trying to fix it.
I do hope they fix it soon though, it's a pain to try to explain to my boss that a single image has to be hosted somewhere random because of a Facebook bug.
I am using Facebook Send button in 3 pages of my website. Before i send the message, the title, website and description looks fine. After i send, it shows up different title and different description in the message . I have no idea what's wrong in here? Is that my mistake somewhere or cache issue or something else?
Thanks a lot in advance!
Facebook has a tool called URL Linter. This tool gives us an idea about how a url will be shared on facebook, what content, which image will be fetched. We can use this tool for any url and it fetches the latest title, description, excerpt and other stuff that will be shown while sharing the link. If you use an already shared URL with this tool then facebook fetches the latest content, and also updates it cache with the latest content.
https://developers.facebook.com/tools/debug
At first you have to cross check and confirm that the url shared is of the right page, not the simple domain address. It will be better to cross check the following contents inside <Head> tag to make sure that you have done basic code requirements.
<link href="{URL OF THE PAGE}" rel="canonical">
<meta content="{YOUR FB APP ID}" property="fb:app_id">
<meta content="{YOUR PAGE TITLE}" property="og:title">
<meta content="website" property="og:type">
<meta content="{URL OF THE PAGE}" property="og:url">
<meta content="{LOGO IMAGE URL}" property="og:image">
<meta content="{YOUR SITE NAME}" property="og:site_name">
Once this is done, it should mostly resolve your issue with different title and different description.
If you still face issue, go to https://developers.facebook.com/tools/debug
Input URL or Access Token and click DEBUG button. It will guide you if there is any errors in the in accessing the page by facebook.
Hope this helps.
i developed a website
ut when i share any page
in facebook
facebook should recognize my page
and select images to select a thumbnail
but this do not happen in my website
as if facebook can not recognize my page
or cannot read it and select images from it
what should i do
to let facebook recognize my page
and load all images in the page to
navigate left and right to select a thumb for the shared page
Looks like the question has already been answered here. Here is another useful link. Thanks for asking. It made me find out something I can use.
Update: After trying it and finding it not to work I tried the method in this post. It initially didn't work, but that was because I forgot to upload the image. So it may be the case that the original method may still work. Here's the template I used in my head section:
<meta property="og:title" content="your title">
<meta property="og:description" content="your description">
<meta property="og:image" content="http://www.yoursite.com/your-image.jpg">
Update 2: If it seems that Facebook isn't recognizing your code, try their lint tool. This does two things. The obvious one is that it reports any errors in your code. The second is that it refreshes Facebook's cache of the page. I had two pages where the new code wasn't recognized until I did this.
From my own tests, Facebook should find images on your site with no problem, so long as they appear directly in the html (as <img src="path/to/img.png" />1) and not via css (background-image: url(path/to/img.png);).
This is my own-site test, at: http://davidrhysthomas.co.uk/so/fbookImg.html, admittedly this doesn't have a 'share this page' button, so requires you to log into Facebook first, which might make a difference. But I don't have a Facebook developer account with which to test that theory, unfortunately.
Either absolute, or relative, paths seem to make no difference.
from my experience using a drupal site the logo was not recognized because the drupal system renders a relative path. changing this to a full path with http:// and refreshing FB's cache should work