Is it possible for Websites to define the Image/Title - or even the whole Aadaptive Card - to be shown in the Windows Timeline when they are added by Edge.
Yes, it looks like. Not sure about all the rules - but just by reverse engineering a bit on an image I saw on my Timeline history contributed from Edge for a random page like https://github.com/metabase/metabase/blob/master/test/metabase/test_setup.clj
If you inspect the source code for that page you'll see:
<meta>
...
<meta property="og:image" content="https://avatars3.githubusercontent.com/u/10520629?s=400&v=4" />
...
<meta property="og:title" content="metabase/metabase" />
....
That corresponds to what I get rendered as background image and title on the Timeline card. The og:<something> meta properties are defined by the Open Graph protocol: http://ogp.me/
Related
I've made a website. It looks nice when using PC, but not good when using smartphone (Too small). Is there anyway to fix that?
Here is my website: https://hai-weather-forecast.herokuapp.com/
Did you try to add the responsive meta tag in the head element?
<head>
...
<meta name="viewport" content="width=device-width">
...
</head>
Here is the background docs
I tested by open the url you provided, setting the same device size with developer tools, and adding that meta tag in the head element editing the html by hand.
Beffore adding meta tag
After adding meta tag
Cheers!
Using a Head HTML code webpart, i'm adding OG meta data:
<meta property="og:title" content="{% CurrentDocument.DocumentName #%}" />
<meta property="og:type" content="article" />
<meta property="og:url" content="{% CurrentDocument.AbsoluteURL #%}" />
<meta property="og:description" content="{% StripTags(CurrentDocument.Summary) #%}" />
How would i then change the current title and standard description tag?
On your parent page for example /blog set the page title and description under Properties>Metadata using a macro. Then on the sub-pages let it automatically inherit that content. Take a look at this macro for the page description:
{% if(CurrentDocument.ClassName == "cms.blogpost"){BlogPostSummary}else{"Kentico MVP Brenden Kehren talks about Kentico how tos, provides code samples and education and just life in general."} #%}
What's happening here is the macro is checking the current page's class and if it's a blog post, then it uses the BlogPostSummary field and sets the description using that, otherwise if it's a blog or blog month, it uses the other text.
There should be no need to manually set those on each page unless you really have crazy SEO requirements. Even if so, you can create fields in your page type for those and still dynamically set them vs. manually set each one under metadata.
Are you looking for changing title and description HTML tags by a web part or just configuring it for some page?
If you just want to configure title and description of the HTML page then you can just select the document in the Pages application and then go to Properties -> Metadata. Documentation for that is here
If you are looking to somehow change the title and description by a web part then you would actually need to develop a custom web part and access the current page title of the page in code behind. Something like this works.
Even using the selected item transformation, transformatted item is a page from your content tree and as such has the Properties -> Metadata section. Moreover, titles and descriptions are inherited by default so you can just change or odd macros to their parent and it changes the title and description for pages in your selected transformation.
By using the following code in header, I have managed for the rss button in url bar in browser to successful find my feed.
<link rel="alternate" type="application/rss+xml" title="Blog Title" href="http://www.weeblysite.com/1/feed" />
However, the subtome button on browser fails to locate feed. Therefore Feedly, Digg Reader, etc, finds no feed.
How can I implement code in my Weebly generated site to allow all such browser buttons to pick up and subscribe to feed?
Thank you.
Nicholas Boyd Crutchley
http://www.nicholasboydcrutchley.com/infin-story
this is a new blog.. no post...but the old blog has same problem..
The problem comes from the fact that your page has a broken discovery mechanism.
Right now in the <head> section of your HTML page, I can see this:
<link rel='alternate' type='application/rss+xml' title='RSS 2.0' href='http:////feed' />
And clearly, http:////feed is not the right feed url :) You want to have this:
<link rel='alternate' type='application/rss+xml' title='RSS 2.0' href='http://www.nicholasboydcrutchley.com/1/feed' />
And everything should be smooth!
I used the iframe to add the like button to my website
and after read many questions/answer related with my issue I add to the HEAD:
<meta property="og:image"
<meta property="og:title" content="EL SUR TAMBIEN ES AMERICA"/>
<meta property="og:url" content="http://elsuresamerica.weebly.COM/"/>
<meta property="og:type" content="website" />
I debugged it and get:
"More Than One OG URL Specified:
Object at URL (my web site) of type 'website' is invalid because it specifies multiple 'og:url' values: (my web site), (my web site)"
I don't understand what that means. I am not a developer, just a writer and I'm getting crazy with this. Please I need help to show a thumbnail in FB when the like button is clicked.
Thanks!
If that is the original code, I'd first see if it is because the 1st meta tag is not closed ;-) Try adding /> to the end of the 1st line
I know this question has been asked many times and has different solutions, but I have a different problem.
<meta content='True' name='HandheldFriendly' />
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />
If i add the above code to my aspx page, the page zooms automatically to max size. How do I fix this? With out the above code, the web page zooms only on text box focus. I have used a liquid CSS layout for my web page.
i want to answer the question but need more information.
do you want to disable zoom?
if so do you want it default zoomed in OR default zoomed out.
mobile doc type helps :
!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"
if you do not want to disable zoom let me know what you are trying to do or please link to your url.