Check your Blog or Page setup before sharing to Social Media

You can’t see it, but it should be there! Hidden in the depths or your web page.

It’s called metadata, which is defined by Merriam-Webster as “data that provides information about other data”. These are small chunks of data within your webpage that helps describe the content or summarize the content of your web page, whether it’s a blog post, news article or About Me page.


When either you or a visitor to your site wants to share your page or blog article to social media, these pieces of metadata are used by the social media platforms to build the post for their specific platform. A Facebook share looks different than a Twitter share which looks different from a LinkedIn share. The same goes for other social media platforms.


3 Tools

If you want to test your page to see what it will look like on some social media platforms, take a look at these three tools.

  1. LinkedIn:
  2. Facebook:
  3. Twitter:


How to use

  1. Go to one of the links above
  2. Paste a link to your blog post, article, or whatever you want to share in the text field.
  3. Click the action button to Inspect/Debug/Preview what it will look like

Possible Issues

There are various things that could be wrong with your page. When you look at the preview, it should be close to what you want to share.

  1. Missing Image
    1. Solution: Your website may have a default image that can be used for all posts, or you can add an image to your post.
  2. Missing Description
    1. Solution: Sometimes the SEO tools specific to the page you are sharing do not have the metadata description filled out. This is like a summary of your content.
  3. Missing Everything
    1. Solution: Twitter cards typically need to be set up on your website for correct formatting


It’s always a good idea to test your website for the correct social media metadata. This will provide a more professional look to your current and potential customers when you are sharing content.

Note: Metadata is also used by search engines and your webmaster should have that setup as well.

Starting Today

Under long deliberation, I’ve decided to consolidate my various endeavors and roll them into JMS Technology Systems.

I will be changing my website as I add more information on these other services as well as various blog entries and news. In short, JMS Technology Systems will include everything I do and am passionate about in technology. Everything! Which is a lot! Wow, I can’t believe I’m doing this. We’ll see how it goes. I’ve been working with technology and development for 23 years now, so I’ve got a head on my shoulders. 🙂

So, what is everything? Here is a short list:

  1. Web Development – including WordPress custom websites as well as assistance with websites built with Wix, Squarespace, Weebly, or other web technologies
  2. Mobile App Development – I still don’t do native app development, may never do that, so my focus will still remain with Ionic, Cordova, PhoneGap, AngularJS, Angular, as well as branching into React Native and other areas
  3. Small-Business technical consulting, including website audits and training, Social Media Marketing technical audits, SEO
  4. Training in various technologies to help your small business or organization gain more customers


This was meant to be pretty short, but I assure you that I will continue to blog and give updates on what I’m working on.


Thank you for reading this. If you’d like to work with me or require any of the services above, please contact me!

Bar Bands – Complete re-write

The BarBands mobile app started a couple of years ago, when Ionic 1.x and AngularJS were in full swing. I’ve always liked this app and the potential it has, so I decided to upgrade it.

Since I’ve begun building my newer mobile apps with Ionic 3.x and Angular 5.x, I decided to take this one and upgrade it. This was not a difficult task, but a little time consuming as I was also building new processes/flows in my upgrade and build process. I want it to be smooth when I upgrade some of my older apps.

In addition, I added a few new features to the app which included:

  • a map of gigs closest to you
  • an easier way to submit gigs
  • an easy way to contact support with an email

The new Android version is finally complete and has been released. Take a look at it on Google Play.

What’s next for the app? iOS.

Once you have the Android version of the app built with Ionic, an iOS version is not difficult at all. For a developer that works in a Windows environment, like myself, it just becomes a little time consuming. I just simply need to build the app for iOS (usually using PhoneGap Build or Ionic Package) and then install and test on my various iPhones. I make sure all the plugins work and that my build scripts are kept up-to-date. But, I still use the same source code as the Android version. Most of the time spent on the iOS version is actually testing, which is a good thing, right?

AQuA – Another Quote App

We’ve recently released a new mobile app called AQuA, Another Quote App, to the Google Play Store.

What we used to build this:

  • Angular 5.2
  • Ionic 3.9.2
  • Cordova
  • Firebase with a real-time Database to store the Quote categories and the Quotes

This was an exciting project to start on, but it is a work in progress. We were really excited to use the Firebase backend. To add the quotes, we built an Angular frontend website to view the current quotes and add new quotes. It was great to see how quick and responsive Firebase and the Angular Firebase modules were. When we added a quote to the backend database, we didn’t even have to refresh the mobile app. The quote just showed up in less than a second on the mobile app.

Future Plans

  • Favorite a Quote and view a list of your favorites
  • Share a quote on social media
  • Get local reminders (such as a daily reminder at 8:00 am) to read a favorite quote

[UPDATE 04/08/2018] Now available for iOS on the App Store