Connect with us

FACEBOOK

12 Useful Open Graph Meta Tag Types for Facebook and Twitter

Published

on

12 useful open graph meta tag types for facebook and twitter

Marketers create a lot of content. Yes, content is king, but that king is powerless without followers.

So, what’s the first thing that comes to mind when you want to reach a broader audience with your awesome new blog post?

Sharing on social media, of course. The massive audiences of sites like Facebook and Twitter make them some of the best sharing, but do you know how to optimize that outreach potential?

Open graph meta tags were designed to do just that. But what are they, why do they matter, and — most importantly — how do you use them?

What Is Open Graph and Why Was It Created?

Facebook introduced Open Graph in 2010 to promote integration between Facebook and other websites by allowing posts to become rich objects with the same functionality as other Facebook objects.

Put simply, it helps optimize Facebook posts by providing more control over how information travels from a third-party website to Facebook when a page is shared (or liked, etc.).

To make this possible, information is sent via Open Graph meta tags in the <head> part of the website’s code.

head html for open graph meta tags

Now, other social media sites also are taking advantage of social meta tags.

Several other major platforms, including Twitter and LinkedIn, recognize Open Graph tags. Twitter actually has its own meta tags for Twitter Cards, but if Twitter robots cannot find any, Twitter uses Open Graph tags instead.

Why Marketers Should Care About Open Graph

Social media sites are the major drivers of most of the web’s traffic. Consequently, the ability to harness the power of social meta tags is a vital skill for today’s marketers.

Most importantly: open graph meta tags can have a massive impact on conversions and click-through rates.

Have you ever shared a link on Facebook only to find that the thumbnail was missing, or there was a totally different picture than you expected?

Knowing just a little about Open Graph tags can help you tackle these problems and improve your social media marketing.

Adding Open Graph tags to your website won’t directly affect your on-page SEO, but it will influence the performance of your links on social media, so that means it’s worth looking into. Let’s take a look at the most important meta tags for Facebook and how to optimize them for better sharing.

Understanding Facebook Open Graph Meta Tags

Facebook has several open graph meta tag types. Let’s cover the different types, then I’ll cover how to use them.

Facebook HTML Tags open graph meta tags guide

og:title

As you might guess, this is how you define your content’s title. It serves a similar purpose as the traditional meta title tag in your code. In fact, if Facebook doesn’t find the og:title tag on your page, it uses the meta title instead.

Keep in mind that the text shown on a Facebook feed is in bold and extremely eye-catching. It must be compelling, just like a good post title.

There is no limit on the number of characters, but it’s best to stay between 60 and 90. If your title is longer than 100 characters, Facebook will truncate it to only 88!

Example:

<meta property=”og:title” content=”Your eye-catching title here” />

og:url

This is how you set the canonical URL for the page you are sharing. What this means is that you define one page that all your shares will go to. It’s useful if you happen to have more than one URL for the same content (for example, using parameters). Important note: URL provided is not shown on Facebook newsfeed, only domain is visible.

Example:

<meta property=”og:url” content=”http://www.yourdomain.com” />

og:type

This is how you describe the kind of object you are sharing: blog post, video, picture, or whatever. The list to choose from is long. Here are some examples:

Web based:

  • website
  • article
  • blog

Entertainment:

  • book
  • game
  • movie
  • food

Place:

  • city
  • country

People:

  • actor
  • author
  • politician

Business:

  • company
  • hotel
  • restaurant

You can see the full list of types here.

This tag is important if your page has a “Like” button and represents a real-life object (like a book or a movie). It determines if your content will appear in a user’s interest section of her profile in the event she “Likes” it.

In most cases, you will use the “website” value, since what you are sharing is a link to a website. In fact, if you don’t define a type, Facebook will read it as “website” by default.

Example:

<meta property=”og:type” content=”website” />

og:description

This meta data descriptor is very similar to the meta description tag in HTML. This is where you describe your content, but instead of it showing on a search engine results page, it shows below the link title on Facebook.

Unlike a regular meta description tag, it won’t affect your SEO. (So, don’t spend too much time figuring out how to sneak in keywords.) However, it’s a good idea to make it compelling because you want people to click on it.

You are not limited to a character count, but it’s best to use around 200 letters. In some cases, depending on a link/title/domain, Facebook can display up to 300 characters, but I suggest treating anything above 200 as something extra.

Example:

<meta property=”og:description” content=”Your entertaining and descriptive copy here, if your meta description is good, use it.” />

og:image

This is the most interesting Open Graph tag for many marketers because a picture always helps content stand out. This is how you ensure that a particular thumbnail will be shown when your page is shared. It can be very helpful for your conversion rates.

Make sure you set the og:image you choose, otherwise Facebook will show something stupid like an unwanted ad banner scraped from the page, or nothing at all (as below). We definitely don’t want that!

FB no thumbnail open graph meta tags

It’s important to remember that if your page is static and you don’t use any sort of content management system (CMS) (like WordPress), you need to change the og:image manually for each of your pages.

If your website is controlled with a CMS and you installed the relevant plugin, the og:image tags are assigned automatically for each page. Look for the list of plugins further down.

The most frequently recommended resolution for an OG image is 1200 pixels x 627 pixels (1.91/1 ratio). At this size, your thumbnail will be big and stand out from the crowd. Just don’t exceed the 5MB size limit.

FB my full open graph meta tag example

If you use an image that is smaller than 400 pixels x 209 pixels, it will render as a much smaller thumbnail. It’s nowhere nearly as eye-catching.

FB little thumbnail for open graph meta tags

Keep in mind that the picture you use as an Open Graph image can be different from what you have on your page.

Why wouldn’t you leverage that opportunity to stand out even more?

For example, if your title is good, but the picture you are using is not very exciting (not an infographic or a good-looking person, etc.), consider using an image with a good line or two of copy instead (see example below).

One thing you need to remember if you do this: lace your text, or the most significant part of it, in the middle of the image. This matters because Facebook trims the sides of thumbnails.

FB thumbnail centred with text open graph meta tag

Example:

<meta property=”og:image” content=”http://www.yourdomain.com/image-name.jpg” />

Advanced Facebook Open Graph Tags

The Open Graph tags above are the ones you really need to know (og:description not so much, but it is useful). There are other, more advanced, tags you can use to provide even more in-depth specifications.

  • og:locale – defines the language, American English is the default
  • og:site_name – if the page (object) you are sharing is part of a larger network
  • og:audio or og:video – to add additional audio or video files to your object
  • fb:app_id – for linking to a Facebook application (e.g., FB Comments) with the object

Check Your Open Graph Tags

To make life easier, Facebook has created a tool called Sharing Debugger. It has two very helpful functionalities.

First, when you type in the link you want to check, it returns any errors and suggestions for OG tags, if there are any. You also can check what the og:image looks like, what your description is, and so on.

Second, it clears the Facebook cache. Imagine this: you post a link to Facebook, but then you see a mistake in the thumbnail, so you go back to your site and adjust the OG tags, and you post it again on Facebook.

Probably, nothing will happen. The thumbnail will stay the same. This is because of the cache. The Facebook Sharing Debugger will refresh the cache on your links after any adjustments, so remember to use it each time.

Facebook Object Debugger open graph meta tags

Open Graph Meta Tags for Twitter: Twitter Cards

Like Facebook’s Open Graph tags, Twitter Cards let you stand out from the crowd of tweets. They allow some additional content to be generated from your 140-character tweet.

This doesn’t show up on people’s feeds automatically, but it adds a little “View summary” button below the tweet.

Evolero 2 twitter open graph meta tag examples

When you click it:

Twitter Card Tags open graph meta tags example

It’s a tempting thing to click and provides a handy summary of the shared page—the Twitter Card. Surprisingly, not many sites take advantage of these tags. This is a big opportunity to make your tweets stand out in crowded Twitter feeds.

The best way to get them is to install one of the WordPress plugins. WordPress SEO by Yoast, mentioned above, does the job. If that’s not an option, ask your web developer and give him the ready-to-implement Twitter Card tags. Here’s how you’ll make them.

twitter:card

This required tag works in a similar way to og:type. It describes the type of content you are sharing. There are 7 options to choose from: summary, photo, video, product, app, gallery, and “large version” summary.

Depending on the type of content you choose, the link at the bottom of your tweet changes. You can get “View summary” for summaries, “View photo” for photos, etc. If this tag is not set, Twitter reads your link as a “Summary” by default.

Example:

<meta name=”twitter:card” content=”summary” />

twitter:title

This basically does the same thing as its OG counterpart. You specify the title for your article that will show up in bold. It’s smart to avoid repeating the same text you have in your tweet. Make the most of the space provided and let the two pieces of copy play on each other to reinforce the message. Use up to 70 characters.

Example:

<meta name=”twitter:title” content=”Your title here” />

twitter:description

Use this tag to write a descriptive lead to the page you are sharing. As with Open Graph tags, don’t focus on keywords because they won’t matter for your SEO. Create compelling copy that nicely complements your tweet and the title. Twitter limits this part to 200 characters.

Example:

<meta name=”twitter:description” content=”Your 200-character description here” />

twitter:url

This sets the canonical URL for the content you are sharing. (For more information, review the description for the equivalent Facebook Open Graph tag above.)

Example:

<meta name=”twitter:url” content=”http://www.yourdomain.com” />

twitter:image

Yes, you guessed it. This is how you set the picture to go with your tweet. Twitter allows two options, a card with a smaller or a larger picture.

You decide which one you want in the type tag. If you go for the large option, make sure it has a resolution of at least 280x150px and that the file size is not more than 1MB. You can consider using the same trick as with the Facebook thumbnail: add some text to the image to boost the message.

Example:

<meta name=”twitter:image” content=”http://www.yourdomain.com /image-name.jpg” />

Request Approval from Twitter

Keep in mind that, before you can fully benefit from Twitter Cards, you need to request approval for your page from Twitter. Fortunately, this doesn’t take much time and can be done easily using their Card Validator. Once you get approval, Card Validator serves exactly the same purpose as the Facebook Sharing Debugger, allowing you to check your links before you commit.

Twitter Card Plugins

Just like with Facebook, there are plenty of plugins available for implementing Twitter Cards. Here are a few:

How to Implement Open Graph Meta Tags

How do you implement OG tags? Basically, they belong to the <head> part of your page’s HTML. If you don’t manage the code, you’ll need to ask your web developer for help. You can prepare the whole package yourself using the tips above to save his valuable time.

If you are using WordPress, just install one of the plugins that neatly implements the code for you. I like to use WordPress SEO by Yoast, but there is an official Facebook Plugin and others to choose from.

Wordpress SEO by Yoast for open graph meta tags

Here are other OG plugins/extensions/add-ons for:

Open Graph Meta Tags Conclusion

The final code for both Facebook and Twitter should look more-or-less like this:

final code screen open graph meta tags conclusion

It might seem a bit confusing, but luckily there are several tools that make the process easier — you don’t need to know how to code.

It’s surprising how few people optimize these tags. It’s worth doing because it helps you stand out and draw more clicks and views, and it can even help improve your SEO —all things that lead to more profit.

Have you implemented open graph meta tags? How has it impacted your site?

See How My Agency Can Drive Massive Amounts of Traffic to Your Website

  • SEO – unlock massive amounts of SEO traffic. See real results.
  • Content Marketing – our team creates epic content that will get shared, get links, and attract traffic.
  • Paid Media – effective paid strategies with clear ROI.

Book a Call

Neilpatel.com

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address

FACEBOOK

Christian family goes in hiding after being cleared of blasphemy

Published

on

Christian family goes in hiding after being cleared of blasphemy

LAHORE, Pakistan — A court in Pakistan granted bail to a Christian falsely charged with blasphemy, but he and his family have separated and gone into hiding amid threats to their lives, sources said.

Haroon Shahzad (right) with attorney Aneeqa Maria. | The Voice Society/Morning Star News

Haroon Shahzad, 45, was released from Sargodha District Jail on Nov. 15, said his attorney, Aneeqa Maria. Shahzad was charged with blasphemy on June 30 after posting Bible verses on Facebook that infuriated Muslims, causing dozens of Christian families in Chak 49 Shumaali, near Sargodha in Punjab Province, to flee their homes.

Lahore High Court Judge Ali Baqir Najfi granted bail on Nov. 6, but the decision and his release on Nov. 15 were not made public until now due to security fears for his life, Maria said.

Shahzad told Morning Star News by telephone from an undisclosed location that the false accusation has changed his family’s lives forever.

“My family has been on the run from the time I was implicated in this false charge and arrested by the police under mob pressure,” Shahzad told Morning Star News. “My eldest daughter had just started her second year in college, but it’s been more than four months now that she hasn’t been able to return to her institution. My other children are also unable to resume their education as my family is compelled to change their location after 15-20 days as a security precaution.”

Though he was not tortured during incarceration, he said, the pain of being away from his family and thinking about their well-being and safety gave him countless sleepless nights.

“All of this is due to the fact that the complainant, Imran Ladhar, has widely shared my photo on social media and declared me liable for death for alleged blasphemy,” he said in a choked voice. “As soon as Ladhar heard about my bail, he and his accomplices started gathering people in the village and incited them against me and my family. He’s trying his best to ensure that we are never able to go back to the village.”

Shahzad has met with his family only once since his release on bail, and they are unable to return to their village in the foreseeable future, he said.

“We are not together,” he told Morning Star News. “They are living at a relative’s house while I’m taking refuge elsewhere. I don’t know when this agonizing situation will come to an end.”

The Christian said the complainant, said to be a member of Islamist extremist party Tehreek-e-Labbaik Pakistan and also allegedly connected with banned terrorist group Lashkar-e-Jhangvi, filed the charge because of a grudge. Shahzad said he and his family had obtained valuable government land and allotted it for construction of a church building, and Ladhar and others had filed multiple cases against the allotment and lost all of them after a four-year legal battle.

“Another probable reason for Ladhar’s jealousy could be that we were financially better off than most Christian families of the village,” he said. “I was running a successful paint business in Sargodha city, but that too has shut down due to this case.”

Regarding the social media post, Shahzad said he had no intention of hurting Muslim sentiments by sharing the biblical verse on his Facebook page.

“I posted the verse a week before Eid Al Adha [Feast of the Sacrifice] but I had no idea that it would be used to target me and my family,” he said. “In fact, when I came to know that Ladhar was provoking the villagers against me, I deleted the post and decided to meet the village elders to explain my position.”

The village elders were already influenced by Ladhar and refused to listen to him, Shahzad said.

“I was left with no option but to flee the village when I heard that Ladhar was amassing a mob to attack me,” he said.

Shahzad pleaded with government authorities for justice, saying he should not be punished for sharing a verse from the Bible that in no way constituted blasphemy.

Similar to other cases

Shahzad’s attorney, Maria, told Morning Star News that events in Shahzad’s case were similar to other blasphemy cases filed against Christians.

“Defective investigation, mala fide on the part of the police and complainant, violent protests against the accused persons and threats to them and their families, forcing their displacement from their ancestral areas, have become hallmarks of all blasphemy allegations in Pakistan,” said Maria, head of The Voice Society, a Christian paralegal organization.

She said that the case filed against Shahzad was gross violation of Section 196 of the Criminal Procedure Code (CrPC), which states that police cannot register a case under the Section 295-A blasphemy statute against a private citizen without the approval of the provincial government or federal agencies.

Maria added that Shahzad and his family have continued to suffer even though there was no evidence of blasphemy.

“The social stigma attached with a blasphemy accusation will likely have a long-lasting impact on their lives, whereas his accuser, Imran Ladhar, would not have to face any consequence of his false accusation,” she said.

The judge who granted bail noted that Shahzad was charged with blasphemy under Section 295-A, which is a non-cognizable offense, and Section 298, which is bailable. The judge also noted that police had not submitted the forensic report of Shahzad’s cell phone and said evidence was required to prove that the social media was blasphemous, according to Maria.

Bail was set at 100,000 Pakistani rupees (US $350) and two personal sureties, and the judge ordered police to further investigate, she said.

Shahzad, a paint contractor, on June 29 posted on his Facebook page 1 Cor. 10:18-21 regarding food sacrificed to idols, as Muslims were beginning the four-day festival of Eid al-Adha, which involves slaughtering an animal and sharing the meat.

A Muslim villager took a screenshot of the post, sent it to local social media groups and accused Shahzad of likening Muslims to pagans and disrespecting the Abrahamic tradition of animal sacrifice.

Though Shahzad made no comment in the post, inflammatory or otherwise, the situation became tense after Friday prayers when announcements were made from mosque loudspeakers telling people to gather for a protest, family sources previously told Morning Star News.

Fearing violence as mobs grew in the village, most Christian families fled their homes, leaving everything behind.

In a bid to restore order, the police registered a case against Shahzad under Sections 295-A and 298. Section 295-A relates to “deliberate and malicious acts intended to outrage religious feelings of any class by insulting its religion or religious beliefs” and is punishable with imprisonment of up to 10 years and fine, or both. Section 298 prescribes up to one year in prison and a fine, or both, for hurting religious sentiments.

Pakistan ranked seventh on Open Doors’ 2023 World Watch List of the most difficult places to be a Christian, up from eighth the previous year.

Morning Star News is the only independent news service focusing exclusively on the persecution of Christians. The nonprofit’s mission is to provide complete, reliable, even-handed news in order to empower those in the free world to help persecuted Christians, and to encourage persecuted Christians by informing them that they are not alone in their suffering.

Free Religious Freedom Updates

Join thousands of others to get the FREEDOM POST newsletter for free, sent twice a week from The Christian Post.

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

FACEBOOK

Individual + Team Stats: Hornets vs. Timberwolves

Published

on

CHARLOTTE HORNETS MINNESOTA TIMBERWOLVES You can follow us for future coverage by liking us on Facebook & following us on X: Facebook – All Hornets X – …

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

FACEBOOK

What went wrong with ‘the Metaverse’? An insider’s postmortem

Published

on

What went wrong with 'the Metaverse'? An insider's postmortem


It’s now two years since Facebook changed its name to Meta, ushering in a brief but blazing enthusiasm over “the Metaverse”, a concept from science fiction that suddenly seemed to be the next inevitable leap in technology. For most people in tech, however, the term has since lost its luster, seemingly supplanted by any product with “artificial intelligence” attached to its description. 

But the true story of the Metaverse’s rise and fall in public awareness is much more complicated and interesting than simply being the short life cycle of a buzzword — it also reflects a collective failure of both imagination and understanding.  

Consider:

The forgotten novel

Ironically, many tech reporters discounted or even ignored the profound influence of Snow Crash on actual working technologists. The founders of Roblox and Epic (creator of Fortnite) among many other developers were directly inspired by the novel. Despite that, Neal Stephenson’s classic cyberpunk tale has often been depicted as if it were an obscure dystopian tome which merely coined the term. As opposed to what it actually did: describe the concept with a biblical specificity that thousands of developers have referenced in their virtual world projects — many of which have already become extremely popular.

Event

GamesBeat at the Game Awards

We invite you to join us in LA for GamesBeat at the Game Awards event this December 7. Reserve your spot now as space is limited!


Learn More

Snow Crash.

You can see this lack of clarity in many of the mass tech headlines attempting to describe the Metaverse in the wake of Facebook’s name change: 

In a widely shared “obituary” to the Metaverse, Business Insider’s Ed Zitron even compounded the confusion still further by inexplicably misattributing the concept to TRON, the original Disney movie from the 80s.

Had the media referenced Snow Crash far more accurately when the buzz began, they’d come away with a much better understanding of why so many technologists are excited by the Metaverse concept — and realize its early incarnation is already gaining strong user traction.  

Because in the book, the Metaverse is a vast, immersive virtual world that’s simultaneously accessible by millions of people through highly customizable avatars and powerful experience creation tools that are integrated with the offline world through its virtual economy and external technology. In other words, it’s more or less like Roblox and Fortnite — platforms with many tens of millions of active users. 

But then again, the tech media can’t be fully blamed for following Mark Zuckerberg’s lead.

Rather than create a vision for its Metaverse iterating on already successful platforms — Roblox’s 2020 IPO filing even describes itself as the metaverse — Meta’s executive leadership cobbled together a mishmash of disparate products. Most of which, such as remotely working in VR headsets, remain far from proven. According to an internal Blind survey, a majority of Zuckerberg’s own employees say he has not adequately explained what he means by the Metaverse even to them.

Grievous of all, Zuckerberg and his CTO Andrew Bosworth promoted a conception of the Metaverse in which the Quest headset was central. To do so, they had to overlook compelling evidence — raised by senior Microsoft researcher danah boyd at the time of the company acquiring Oculus in 2014 — that females have a high propensity to get nauseous using VR.

Meta Quest 3 comes out on October 10 for $500.
Meta Quest 3.

Contacted in late 2022 while writing Making a Metaverse That Matters, danah told me no one at Oculus or Meta followed up with her about the research questions she raised. Over the years, I have asked several senior Meta staffers (past and present) about this and have yet to receive an adequate reply. Unsurprisingly, Meta’s Quest 2 VR headset has an estimated install base of only about 20 million units, significantly smaller than the customer count of leading video game consoles. A product that tends to make half the population puke is not exactly destined for the mass market — let alone a reliable base for building the Metaverse. 

Ironically, Neal Stephenson himself has frequently insisted that virtual reality is absolutely not a prerequisite for the Metaverse, since flat screens display immersive virtual worlds just fine. But here again, the tech media instead ratified Meta’s flawed VR-centric vision by constantly illustrating articles about the Metaverse with photos of people happily donning headsets to access it — inadvertently setting up a straw man destined to soon go ablaze.

Duct-taped to yet another buzzword

Further sealing the Metaverse hype wave’s fate, it crested around the same time that Web3 and crypto were still enjoying their own euphoria period. This inevitably spawned the “cryptoverse” with platforms like Decentraland and The Sandbox. When the crypto crash came, it was easy to assume the Metaverse was also part of that fall.

But the cryptoverse platforms failed in the same way that other crypto schemes have gone awry: By offering a virtual world as a speculative opportunity, it primarily attracted crypto speculators, not virtual world enthusiasts. By October of 2022, Decentraland was only tracking 7,000 daily active users, game industry analyst Lars Doucet informed me

“Everybody who is still playing is basically just playing poker,” as Lars put it. “This seems to be a kind of recurring trend in dead-end crypto projects. Kind of an eerie rhyme with left-behind American cities where drugs come in and anyone who is left is strung out at a slot machine parlor or liquor store.”

All this occurred as the rise of generative AI birthed another, shinier buzzword — one that people not well-versed in immersive virtual worlds could better understand.

But as “the Metaverse” receded as a hype totem, a hilarious thing happened: Actual metaverse platforms continued growing. Roblox now counts over 300 million monthly active users, making its population nearly the size of the entire United States; Fortnite had its best usage day in 6 years. Meta continues plodding along but seems to finally be learning from its mistakes — for instance, launching a mobile version of its metaverse platform Horizon Worlds.  

Roblox leads the rise of user-generated content.
Roblox.

Into this mix, a new wave of metaverse platforms is preparing to launch, refreshingly led by seasoned, successful game developers: Raph Koster with Playable Worlds, Jenova Chen with his early, successful forays into metaverse experiences, and Everywhere, a metaverse platform lead developed by a veteran of the Grand Theft Auto franchise.

At some point, everyone in tech who co-signed the “death” of the Metaverse may notice this sustained growth. By then however, the term may no longer require much usage, just as the term “information superhighway” fell away as broadband Internet went mainstream.  

Wagner James Au is author of Making a Metaverse That Matters: From Snow Crash & Second Life to A Virtual World Worth Fighting For 

GamesBeat’s creed when covering the game industry is “where passion meets business.” What does this mean? We want to tell you how the news matters to you — not just as a decision-maker at a game studio, but also as a fan of games. Whether you read our articles, listen to our podcasts, or watch our videos, GamesBeat will help you learn about the industry and enjoy engaging with it. Discover our Briefings.

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

Trending