meta-tags | 易学教程

Recommended Meta Elements?

阅读更多关于 Recommended Meta Elements?

问题 Setting up a "basic framework" for my website projects, I'm wondering which meta elements are really necessary/recommended? In particular, I'd like to know how to deal with the language attribute(s)!? In the following example, I think sth. is repeated unnecessarily... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <meta http-equiv="content-type"

there is no attribute “property” in facebook meta tag in validation w3c

阅读更多关于 there is no attribute “property” in facebook meta tag in validation w3c

问题 can we use the meta name="fb:admins" instead of meta property="fb:admins" for w3c validation ?? 回答1: I'm answering this even though this is an old question since I think it's of value for whoever wants info on this in the future. Evan's probably right when he says it won't pass validation, but I think the answer is that you want to keep the property="" attribute. Taking from an old Facebook developer forum post concerning this question exactly it turns out your document should be an XHTML +

Html meta keywords should contain commas?

阅读更多关于 Html meta keywords should contain commas?

问题 is it important to use commas in the meta keywords? What if I don't have the commas? 回答1: According to the W3 standards: Provide keywords and descriptions Some indexing engines look for META elements that define a comma-separated list of keywords/phrases, or that give a short description. Search engines may present these keywords as the result of a search. The value of the name attribute sought by a search engine is not defined by this specification . In other words, it's not defined by the

<head> appears empty in Chrome

阅读更多关于 appears empty in Chrome

问题 When browsing my website with last version of Google Chrome, and using F12 to look into the source, all the content between <head> and </head> appears empty. On last versions of Firefox and IE, everything appears correcyly. Actually the content is moved into the body on google Chrome. It's obviously not a CSS problem. I'm using Twitter Bootstrap CSS and JS, and a MVC PHP framework. Someone has a hint? Here is my document.html page: <!DOCTYPE html> <html lang="fr"> <head> <meta http-equiv=

Facebook share not showing image from open graph metatags

阅读更多关于 Facebook share not showing image from open graph metatags

问题 I'm trying to integrate the Facebook share button to my employer's site, the title, url, description/intro are all displaying correctly, however no image is being attached. When the share dialog opens, an image container flickers and then disappears as though facebook is trying to process the image(s) but fails. I'm using og:image and a link relation to try and specify the image to use for shared links: <meta property="og:image" content="/images/logo_white_150px.png" /> <link rel="image_src"

In a HTML file with charset=utf-8, do I still need to replace umlauts with ä?

阅读更多关于 In a HTML file with charset=utf-8, do I still need to replace umlauts with ä?

问题 Whenever I used a German umlaut in a HTML file in the past, always I replaced it by ä , ö etc. according to this table. I had no idea about encoding then, nor did I ever think about it. I just "knew" that when I would just use ä , ö etc. instead, many computers in other countries wouldn't be able to display the umlauts correctly. When I set the charset of an UTF-8 encoded HTML file to UTF-8 by putting <meta charset="utf-8"> into the header, do I still need to replace ä by ä , ö by ö and so on

LinkedIn doesn't fetch metadata when sharing website

阅读更多关于 LinkedIn doesn't fetch metadata when sharing website

问题 I'm having issues with sharing a website I'm working on on LinkedIn: LinkedIn doesn't fetch any data from the page. The site's metadata follows the recommendations in their docs. I tried all these suggestions. In addition, I investigated the following: Serving content over HTTP instead of HTTPS, but a lot of other sites served over HTTPS, such as https://stripe.com/no and https://www.facebook.com/, work perfectly fine. Posting as a company page. This didn't make any difference, other than

Sharing link on facebook showing video, but link not clickable and no description

阅读更多关于 Sharing link on facebook showing video, but link not clickable and no description

问题 I'm sharing a url which has meta tag for 'video' to show a youtube video when shared. Everything works fine and the video plays on fb, but not able to follow link and no description. If i click video title, video starts playing. This is what i see. Clicking anywhere will play video. Expecting something like the following(as youtube do) So clocking on play will play video and clicking link will take users to my page. 回答1: Got It. I just tried comparing meta tags line by line with youtube. The

Best practice to place meta tags, links and styles in zend framework?

阅读更多关于 Best practice to place meta tags, links and styles in zend framework?

I have project-range meta tags that are need to be set. I've put them in protected method _initMeta in Bootstrap class. Are there any better options? What if I would like different set of this data for another languages? protected function _initMeta(){ $this->bootstrap('view'); $view = $this->getResource('view'); $view->doctype('XHTML1_STRICT'); $view->headTitle()->headTitle('Foo title'); $view->headMeta()->appendName('keywords','foo'); $view->headMeta()->appendHttpEquiv('Content-Type', 'text/html; charset=UTF-8') ->appendHttpEquiv('Content-Language', 'any'); $view->headLink()-

Altering meta viewport tag

阅读更多关于 Altering meta viewport tag

问题 I need to alter the meta viewport tag dependent upon the width of the visual viewport. I know HOW to do it but it's not working, I think it's because the site is running that bit of JS too late for it to take effect. It may not be this but this is my first thought. In my application.js file: $(document).ready(function() { // If screen width is 480 or less then add meta viewport tag // (so default mobile display is used on iPads until that optimised view is added) if (window.innerWidth <= 480)