How can I put Microdata into my Blogger post?
I am searching over the Internet for the past hour but I am not able to find anything.
When I use the Google Structured Data Marker, it gives me HTML but I don't know where to put that HTML.
I think you're trying Markup Helper.
Go to webmaster tools > Search Appearance > Data Highlighter, there you can add data and publish them.
Edit the template of your Blogger blog. There you could add your Microdata to the HTML.
Documentation at support.google.com: Edit the HTML of your blog's layout
Related
I am starting a new blog and was testing out sharing on linkedIn.
However, when I copy and paste the link into the share thing in linkedin, the blog doesn't show up properly.
Would you be able to help me understand what I would need to add to my blog post to make it show up correctly?
To add some more info: I do have a featured image set, and the blog post does have a title.
Any help would be greatly appreciated!
Mine:
What I want:
The reason you are not seeing a "rich" link when pasting it is likely because you do not have your Open Graphs meta tags set up properly.
You can simply use a plugin with Wordpress to add these tags, like this one or you can learn how to program it yourself into your theme.
Facebook has a good debugger for tags, which you can use to check your links.
You can read more about how og tags are used by LinkedIn in their developer article.
I am currently trying to implement a textarea in html for entering url links. When a user types in a url and press enter, a link preview should come up just like in Facebook. I am quite sure there would be some kind of plugins or pre-built tool that I can use for such functionality, but I am not sure where to look for. Can someone give me an advice on how to make this work? Thank you.
Facebook accomplishes this behaviour by using the Open Graph Protocol. For it to work properly, your target site does need to have the specific Open Graph meta tags like og:title defined (you can find the complete documentation on the page).
If you scroll down to Implementations you will find parsers for those Open Graph meta tags written for different programming languages like PHP or Ruby. However, you will most certainly not be able to parse the needed information with plain html.
I have been spending my past week on the Internet to find at least one hint about it. There are no tutorials or even SO questions available. What I am trying to find is that when some website uses some library like oEmbed to embed content of other websites on their website, they fetch embed code from its link. For example, when you post a YouTube link on Facebook or other social networks, they automatically fetch their embed code. I know how to fetch embed code but what I don't know is how to provide embed code that can be fetched by other websites by using a link of my website's content?
I want that my article should be embedded in some special way. Not like the default layout of that website. So is there any META tag or something in HTML where I can put embed code for other websites?
I don't think what you want is possible. You can use special meta-tags that specific sites (e.g.: Facebook, Twitter, Linkedin) will interpret, and that will help you customize the share a little (still using the "host site" style). But as far as I know, there's nothing you can do to provide style/code of your own.
And it makes sense from a security point of view: embedding external code from an unknown source is potentially dangerous and no site would/should allow you to do it. Even if they do allow it, they should pre-process the code and sanitize it (adapting your style/code to their style/code) to prevent possible threats.
As suggested by Alvaro Montoro, I searched on the Internet about how to become an oembed provider. Following are the links I found:
https://timnash.co.uk/becoming-oembed-provider/
http://freear.org.uk/content/5-steps-being-oembed-provider
You may want to use the CSS !important directive.
http://css-tricks.com/when-using-important-is-the-right-choice/
I want a Visual Text composer like Wordpress or this(stackoverflow). i want to embed it on html page just like maps or facebook like box. I searched over Google but did not found any fruitful help, it gives me html editor. may be i missed some basic keyword.
the words you should be looking for Visual Editor, WYSIWYG, TinyMCE . where u want to use it ?? any cms or just in html pages ??
check this link for more info
you will find all good editors with link to there website in above article
If you have a WordPress site you can use a plugin called User Submitted Posts available here:
http://wordpress.org/plugins/user-submitted-posts/
You can use Gravity Forms (http://www.gravityforms.com) to allow users to post.
You could also allow registered Wordpress users to write posts however that often complicates things.
If you are only using HTML you could possibly incorporate PHP and HTML5 forms to create posts.
I hope this helps.
Tom
It's for a while I'm researching on the microformat for styling my site information different in google result page.
I found some detail about microformat in this links:
http://microformats.org/wiki/hcard-authoring#The_Importance_of_Names
http://blog.teamtreehouse.com/add-microformats-magic-to-your-site
http://microformats.org/get-started
that will have result like this :
Now, I'm trying to find out could I manipulate microformats to force google show my site information in result page, just like do it for stackoverflow or other most popular sites :
Or Is it possible to do that...?!?!?
Thanks in advance...
You can't force Google to show your website and sub pages like the Stack Overflow example you posted. Your search term was stackoverflow and so the information displayed on the results page was far and away the most relevant. Hence why it displays like that.
If someone searched for your website by name you might get a result like that. You'll need to submit an xml sitemap to Google Webmaster Tools, give it time to index and hopefully your website name will be unique enough.
I guess the main thing is that your website is first on Google's results page for a given search term and the sitemap shows Google what your other pages are.
With respect to microdata - it's really good for giving extra information to search engines. The CSS-tricks one is a perfect example. You'd need a Google+ profile and using the microdata specify that profile as the author.
Again, Webmaster Tools has some great Microdata validation tools. You can even load your pages source code up, highlight the text you want to tag and it'll show you exactly what tags to add and how so it works. Link below:
https://www.google.com/webmasters/markup-helper/