WP link not showing properly on linkedin - html

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.

Related

don't working Og in meta tag in sharing link

I set all Og tags to my website.
But when I share a link from my website on social networks such as WhatsApp and Telegram, the image and other information is not displayed.
I even tried with a small photo but it still did not show
What is the problem?
I did a lot of research but I still haven't succeeded.
Please help me. Thank you
I realized that the address in the og:url should be exactly like the address of site.
Then, if this address is complete(https://www.websiteurl...) will be shown in Telegram and WhatsApp. If it does not have one of the "https" and "www" ,information may not be displayed in one.
I have had similar issues with Open Graphs tags... Facebook keeps updating the tags and their documentation does not make it clear.
I suggest copy-pasting your url in Open Graph debugger which would highlight any issues with your OG tags.
I don't see any issues with your tags, but you might want to include the following tags:
og:image:url
og:site_name
og:country-name
Also this question might be helpful.

How to get a description of your website when sharing it in social media for example discord

When I share my portfolio I want to have it give a short description, like it does with most major websites. I don't know how to get a small box of information under it. I'll post images that have one with a description and one without
You need to add meta tags to your HTML.
For facebook, you can use this to test (in general this tends to be a good testing tool for most platforms)
For discord links, check out this answer for more info and a template of meta tags to use
You can see this link for a full list of meta tags

Show source website when sharing a link on Facebook?

I'm a manager of a page on Facebook and now I'm building a site for this page. To be honest I'm way too new to web-developing to be doing such a site, but I would like to try anyway.
My question is, when I see my friend shares a link (from BuzzFeed for example), I would see something like this
I believe that to change the thumbnail, the title and the description you would have to edit the meta tag of the html files (please correct me if I'm wrong).
So I just want to know how the source website (circled red in the picture) can be displayed through the shared links.
P/S: A side-question, if I want to learn more about building such a "social" site, where can I read more about it and what frameworks should I look into, thanks alot !

Custom Open Graph FAcebook Share Link on Newsletter HTML code

I'm recently managing a Newsletter Database with about 500k suscribers. I would like to add a FB custom share link, that displays different information on user FB wall, according to each Newsletter subject. The head of each Newsletter already has the og meta tags, but the traditional sharer.php link does not seem to read them. I know this may be pretty obvious but I'm totally new with Open Graph. Any Idea how I should proceed and build the share custom link, right now, it doesnt display anything I wrote on those meta og tags. I would like to add that I still don't have access to the main domain of the company I'm making the newsletter of, but as far as I have seen, they have not included in the website the og meta tags. Could this be the problem? Thank you very much in advance.

Need text editor/composer like Wordpress

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