Review how your site meta data will be viewed all in one place.
Accelerating the Development of Windows, Web and Mobile Software - Surround Technologies
https://surroundtech.com/
Surround Technologies creates software people love with powerful software development tools and custom software development services.
Accelerator - Surround Technologies
https://surroundtech.com/accelerator
Accelerator from Surround Technologies - Automate and Accelerate Windows Web and Mobile Software Development
Accelerator Videos - Surround Technologies
https://surroundtech.com/accelerator-videos
Accelerator from Surround Technologies Automate and Accelerate Windows Web and Mobile Software Development
Accelerator Demonstrations - Surround Technologies
https://surroundtech.com/accelerator-demonstrations
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
Demo the Wide World Import Apps built with Accelerator in 15 Min - Surround Technologies
https://surroundtech.com/demo-the-wide-world-importers-apps-built-with-accelerator-in-15-minutes
Demo the Northwind Traders Apps built with Accelerator in 15 Min - Surround Technologies
https://surroundtech.com/demo-the-northwind-traders-apps-built-with-accelerator-in-15-minutes
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
Demo the EasyBuy Cycles Apps built with Accelerator in 15 Min - Surround Technologies
https://surroundtech.com/demo-the-easybuy-cycles-apps-built-with-accelerator-in-15-minutes
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
Demo the CloudServices24x7 Apps built with Accelerator in 15 Min - Surround Technologies
https://surroundtech.com/demo-the-cloudservices24x7-apps-built-with-accelerator-in-15-minutes
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
Accelerator Pricing - Surround Technologies
https://surroundtech.com/accelerator-pricing
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
Augmented Reality, Virtual Reality, & Mixed Reality Solutions - Surround Technologies
https://surroundtech.com/augmented-reality
Enhance operational capabilities and business productivity with Surround's augmented, virtual, and mixed reality solutions.
Strategy and Discovery - Surround Technologies
https://surroundtech.com/strategy-and-discovery
Surround Technologies Strategy and Discovery Services
Custom Software Development - Surround Technologies
https://surroundtech.com/custom-software-development
Surround Technologies Custom Software Development Solutions
Rapid Software Prototyping - Surround Technologies
https://surroundtech.com/rapid-software-prototyping
Deliver a clear business case, get your projects approved, and move forward quickly with a real working prototype.
Software Modernization and Transformation - Surround Technologies
https://surroundtech.com/software-modernization-and-transformation
Surround Technologies Software Modernization and Transformation - Modernize, Transform and Replace Legacy Systems
User Experience Services - Surround Technologies
https://surroundtech.com/user-experience-services
Develop Experiences Users Will Love - User Experience User Interaction Analysis and Design to gain productivity
Training and Education - Surround Technologies
https://surroundtech.com/training-and-education
Surround Technologies Assists with Keeping up with Technology Training and Education
Other Products and Solutions - Surround Technologies
https://surroundtech.com/other-products-and-solutions
Other Products from Surround Technologies to help you be more productive
Accelerator For Visual LANSA - Surround Technologies
https://surroundtech.com/accelerator-for-visual-lansa
Surround Technologies Accelerator for Visual LANSA
Universal FTP for IBM i (UFTP) - Surround Technologies
https://surroundtech.com/universal-ftp-for-ibm-i
Surround Technologies Universal FTP UFTP for IBM i
Schedule a Consultation - Surround Technologies
https://surroundtech.com/schedule-a-consultation
Surround Technologies Schedule A Consultation Speak with a Software Expert
Accelerator Trial - Experience Developing Smarter - Surround Technologies
https://surroundtech.com/accelerator-trial
This trial provides the full functionality of Accelerator so that you can experience developing amazing, future-proof software people truly love.
Developing Smarter Overview - Surround Technologies
https://surroundtech.com/developing-smarter-overview
Surround Technologies Help You Develop Smarter - See How
Business-Led Development and a Culture of Productivity - Surround Technologies
https://surroundtech.com/business-led-development-and-a-culture-of-productivity
Surround Technologies provides strategies and solutions centered on business-led development and a culture of productivity
Accelerating Software Development - Surround Technologies
https://surroundtech.com/accelerating-software-development
Surround Technologies Accelerated Software Development
Accelerating Application Modernization - Surround Technologies
https://surroundtech.com/accelerating-application-modernization
Surround Technologies Accelerated Application Modernization
Productive User Experiences - Surround Technologies
https://surroundtech.com/productive-user-experiences
Surround Technologies Productive User Experience - Happy Users are a Happy Business
Software Design and Architecture - Surround Technologies
https://surroundtech.com/software-design-and-architecture
Surround Technologies Software Design and Architecture Helps you adapt easily to change
Development Efficiency and Rapid Application Development - Surround Technologies
https://surroundtech.com/development-efficiency
Surround Technologies Development Efficient Rapid Application Development RAD process
Our Customers - Surround Technologies
https://surroundtech.com/our-customers
A listing of some of Surround's most prized achievments - our customers.
Our Portfolio - Surround Technologies
https://surroundtech.com/portfolio
Our Portfolio
Top 10 Reasons CIOs Choose Accelerator - Surround Technologies
https://surroundtech.com/top-10-reasons-cios-choose-accelerator
Surround Technologies Top 10 Reasons CIOs choose Accelerator
Top 7 Pillars to Accelerated Software Development - Surround Technologies
https://surroundtech.com/top-7-pillars-to-accelerated-software-development
Surround Technologies Top 7 pillars to accelerated software development
Top 8 Keys to a Productive User Experience - Surround Technologies
https://surroundtech.com/top-8-keys-to-a-productive-user-experience
Surround Technologies Top 8 Keys to a productive user experience UX
Top 8 Areas that Define Modern Applications - Surround Technologies
https://surroundtech.com/top-8-areas-that-define-modern-applications
Surround Technologies Top 8 areas that define modern applications
Frequently Asked Questions - Surround Technologies
https://surroundtech.com/frequently-asked-questions
Surround Technologies Frequently Asked Questions FAQ - Accelerator FAQ
SurroundTech.com Blog - Surround Technologies
https://surroundtech.com/blog
Blog
SurroundTech.com News - Surround Technologies
https://surroundtech.com/news
News
SurroundTech.com Events - Surround Technologies
https://surroundtech.com/events
Events
About Surround - Creating software people love - Surround Technologies
https://surroundtech.com/about-surround
Locations - Surround Technologies
https://surroundtech.com/locations
Surround Technology Locations
Employment Opportunities - Surround Technologies
https://surroundtech.com/employment-opportunities
Surround Technology Careers - Employment Opportunities - Submit a Job Application
Contact Us - Surround Technologies
https://surroundtech.com/contact-us
Surround Technology Contact
Privacy Policy - Surround Technologies
https://surroundtech.com/privacy-policy
Terms of Use - Surround Technologies
https://surroundtech.com/terms-of-use
Sitemap - Surround Technologies
https://surroundtech.com/sitemap
Find and get to all the pages on the site, then share them - Our re-invented Sitemap makes it easy.
This is a brain dump and collection of notes/info. It is very incomplete and has not been cohesively structured yet.
<title>
tag.<link rel="canonical" href="…">
if available.<meta property="og:image" …
, value if it is specified in the meta data.Google and most other search engines have stated that neither meta descriptions nor meta keywords factor into their ranking algorithms. They are, however, displayed in the search results. this means they should be crafted for human eyes and not search engine ranking or machine automation.
Social Cards is what we at Surround use when referring to what a web page will look like when it is shared within a social network such as Facebook, LinkedIn, Google+, Twitter, Pinterest, Reddit, etc. Meta data can be defined within a web page's code to provide a social network with the information to include when the page is shared and is an important aspect to optimizing that experience. It makes it significantly easier for the user to do the share.
Sharing: Without the meta data, the social network will do it's best to fill in the blanks, but ultimately leaves it up to the user to complete and correct it. This means more effort and subsequent frustration for the user decreasing the liklihood they will share it. It also means that either the social network or the user is in control of the message that page portrays, not you.
Reading the share: Depending on how well the social network or the user did to complete the information in the share, will affect the experience of those that read the share and what actions they may take, such as clicking through to read more or re-sharing. Ultimately, this share may be that users first impression of the page or product you are hoping they click-through to.
The good news is that social networks want their users to have a good experience too. They assist in this by giving page developers the ability to improve how their pages look when shared. This is done through meta data.
There are 3 key elements to displaying in Social and
Would be helpful to provide some examples here and to put in a screen shot of a Google Search result with bolded keywords and a screen shot of a facebook share.
Card-based design has its roots in catalog e-commerce systems, but the usage for other content started skyrocketing in 2013 and has become a mainstay for web design today especially for mobile interfaces. Cards are an effective and easy way to fit varying types of content on different types and sizes of screen and display it across all platforms using the same design style.
The card design provides both a familiar and comfortable user interface and a way to logically encapsulate bits of information for development. The user experience dates back long before computers with business cards, calling cards, greeting cards, playing cards, etc. User can easily browse vast amounts of cards and pick out the ones they are interested in. Print magazines include advertisement cards inside the magazines. These cards are not fastened to the magazine as there purpose is to fall out and force the user to react to it. They may pick it up and toss it away or take the time to look at it. Either way, they reacted to it and saw something with it, even if but a glimpse. That is more than may occur with an add on the page. I did the same thing when I graduated college. I included a business card with every resume I sent out. It worked too. On most of my interviews when I handed them another card, they recalled that I had one in with my resume.
...
The card-based design UI is the perfect fit for Social Networks and was quickly adopted by all of them. To make it easy to share web pages on their platform, the social networks scan a Web Page for the information they need for their particular card. That information became fairly consistent ...
Meta tags have been used in the Head of website pages early in the beginning of the web. They were originally used to provide additional information about the web page to help search engines understand the content of the page. While relatively unimportant to search engine ranking these days, these tags are used to support both information and instruction to search engines and can be extremely important in gaining user click-through from the Search Engine Results Pages (SERPs). With the advent of social networking, there was a need to enable a web page to provide additional details about its contents to better structure how it was displayed when shared within the network. Primarily, social networks are looking for the page title, a brief description of the page, and a thumbnail image. Some also look for additional information such as the type of content such as video or book, and then additional information based on that type.
Standard Meta Tags: These are the original meta tags that have been around since the beginning of the Web. There are lots of these tags. For the purposes of Social Networking, we are concerned with just a few.
<title>
– The title tag is a required HTML element that specifies the title of a web page. It is used for the title of the page in the browser and when added to favorites. It is also used on search engine results pages, typically as a clickable headline, for a given result and as the fall-back title of the page when shared in social networks.<meta name="description" …
– <link rel="canonical" …
– Schem.org microdata: A collection of vocabularies and formats site developers can use to mark up their pages in ways that can be understood by search engines. It is important to include the microdata for search, but it is relatively unused by social networks. Google, a strong proponent of Schema.org, recommends it's use, but uses Open Graph for the title, image and description if it is available.
<meta itemprop="title" …
– <meta itemprop="description" …
– <meta itemprop="image" …
– Open Graph protocol: Originally created by Facebook OGP has been adopted by the vast majority of social networks. The objective of the protocol is to give developers one thing to implement to richly represent any web page within a social graph. The http://ogp.me/ website provides great information about this.
<meta property="og:title" …
– <meta property="og:description" …
– <meta property="og:type" …
– <meta property="og:url" …
– <meta property="og:image" …
– <meta property="og:site_name" …
– Twitter –
<meta name="twitter:card" …
– <meta name="twitter:site" …
– <meta name="twitter:title" …
– <meta name="twitter:description" …
– <meta name="twitter:creator" …
– <meta name="twitter:image:src" …
– Other formats &ndash There are other definition vocabularies out there such as Dublin Core, FOAF, and SIOC These are not typically used from a Social Networking perspective.
This is what it looks like when sharing the About Us page on Facebook.
Share on FacebookThis is what it looks like when sharing the About Us page on Google+.
Share on Google+This is what it looks like when sharing the About Us page on LinkedIn.
Share on LinkedInThis is what it looks like when adding a link to the About Us page in a LinkedIn Article.
Start a New LinkedIn Article
Home Page
Accelerating the Development of Windows, Web and Mobile Software - Surround Technologies
Surround Technologies creates software people love with powerful software development tools and custom software development services.
https://surroundtech.com/Share This Page
Products and Services
Accelerator - Surround Technologies
Accelerator from Surround Technologies - Automate and Accelerate Windows Web and Mobile Software Development
https://surroundtech.com/acceleratorShare This Page
Accelerator Videos - Surround Technologies
Accelerator from Surround Technologies Automate and Accelerate Windows Web and Mobile Software Development
https://surroundtech.com/accelerator-videosShare This Page
Accelerator Demonstrations - Surround Technologies
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
https://surroundtech.com/accelerator-demonstrationsShare This Page
Demo the Wide World Import Apps built with Accelerator in 15 Min - Surround Technologies
https://surroundtech.com/demo-the-wide-world-importers-apps-built-with-accelerator-in-15-minutesShare This Page
Demo the Northwind Traders Apps built with Accelerator in 15 Min - Surround Technologies
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
https://surroundtech.com/demo-the-northwind-traders-apps-built-with-accelerator-in-15-minutesShare This Page
Demo the EasyBuy Cycles Apps built with Accelerator in 15 Min - Surround Technologies
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
https://surroundtech.com/demo-the-easybuy-cycles-apps-built-with-accelerator-in-15-minutesShare This Page
Demo the CloudServices24x7 Apps built with Accelerator in 15 Min - Surround Technologies
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
https://surroundtech.com/demo-the-cloudservices24x7-apps-built-with-accelerator-in-15-minutesShare This Page
Accelerator Pricing - Surround Technologies
Surround Technologies LLC Creating Software People Love Windows Web Mobile UI no coding needed
https://surroundtech.com/accelerator-pricingShare This Page
Augmented Reality, Virtual Reality, & Mixed Reality Solutions - Surround Technologies
Enhance operational capabilities and business productivity with Surround's augmented, virtual, and mixed reality solutions.
https://surroundtech.com/augmented-realityShare This Page
Strategy and Discovery - Surround Technologies
Surround Technologies Strategy and Discovery Services
https://surroundtech.com/strategy-and-discoveryShare This Page
Custom Software Development - Surround Technologies
Surround Technologies Custom Software Development Solutions
https://surroundtech.com/custom-software-developmentShare This Page
Rapid Software Prototyping - Surround Technologies
Deliver a clear business case, get your projects approved, and move forward quickly with a real working prototype.
https://surroundtech.com/rapid-software-prototypingShare This Page
Software Modernization and Transformation - Surround Technologies
Surround Technologies Software Modernization and Transformation - Modernize, Transform and Replace Legacy Systems
https://surroundtech.com/software-modernization-and-transformationShare This Page
User Experience Services - Surround Technologies
Develop Experiences Users Will Love - User Experience User Interaction Analysis and Design to gain productivity
https://surroundtech.com/user-experience-servicesShare This Page
Training and Education - Surround Technologies
Surround Technologies Assists with Keeping up with Technology Training and Education
https://surroundtech.com/training-and-educationShare This Page
Other Products and Solutions - Surround Technologies
Other Products from Surround Technologies to help you be more productive
https://surroundtech.com/other-products-and-solutionsShare This Page
Accelerator For Visual LANSA - Surround Technologies
Surround Technologies Accelerator for Visual LANSA
https://surroundtech.com/accelerator-for-visual-lansaShare This Page
Universal FTP for IBM i (UFTP) - Surround Technologies
Surround Technologies Universal FTP UFTP for IBM i
https://surroundtech.com/universal-ftp-for-ibm-iShare This Page
Schedule a Consultation - Surround Technologies
Surround Technologies Schedule A Consultation Speak with a Software Expert
https://surroundtech.com/schedule-a-consultationShare This Page
Accelerator Trial - Experience Developing Smarter - Surround Technologies
This trial provides the full functionality of Accelerator so that you can experience developing amazing, future-proof software people truly love.
https://surroundtech.com/accelerator-trialShare This Page
Developing Smarter
Developing Smarter Overview - Surround Technologies
Surround Technologies Help You Develop Smarter - See How
https://surroundtech.com/developing-smarter-overviewShare This Page
Business-Led Development and a Culture of Productivity - Surround Technologies
Surround Technologies provides strategies and solutions centered on business-led development and a culture of productivity
https://surroundtech.com/business-led-development-and-a-culture-of-productivityShare This Page
Accelerating Software Development - Surround Technologies
Surround Technologies Accelerated Software Development
https://surroundtech.com/accelerating-software-developmentShare This Page
Accelerating Application Modernization - Surround Technologies
Surround Technologies Accelerated Application Modernization
https://surroundtech.com/accelerating-application-modernizationShare This Page
Productive User Experiences - Surround Technologies
Surround Technologies Productive User Experience - Happy Users are a Happy Business
https://surroundtech.com/productive-user-experiencesShare This Page
Software Design and Architecture - Surround Technologies
Surround Technologies Software Design and Architecture Helps you adapt easily to change
https://surroundtech.com/software-design-and-architectureShare This Page
Development Efficiency and Rapid Application Development - Surround Technologies
Surround Technologies Development Efficient Rapid Application Development RAD process
https://surroundtech.com/development-efficiencyShare This Page
Knowledge Center
Our Customers - Surround Technologies
A listing of some of Surround's most prized achievments - our customers.
https://surroundtech.com/our-customersShare This Page
Our Portfolio - Surround Technologies
Our Portfolio
https://surroundtech.com/portfolioShare This Page
Top 10 Reasons CIOs Choose Accelerator - Surround Technologies
Surround Technologies Top 10 Reasons CIOs choose Accelerator
https://surroundtech.com/top-10-reasons-cios-choose-acceleratorShare This Page
Top 7 Pillars to Accelerated Software Development - Surround Technologies
Surround Technologies Top 7 pillars to accelerated software development
https://surroundtech.com/top-7-pillars-to-accelerated-software-developmentShare This Page
Top 8 Keys to a Productive User Experience - Surround Technologies
Surround Technologies Top 8 Keys to a productive user experience UX
https://surroundtech.com/top-8-keys-to-a-productive-user-experienceShare This Page
Top 8 Areas that Define Modern Applications - Surround Technologies
Surround Technologies Top 8 areas that define modern applications
https://surroundtech.com/top-8-areas-that-define-modern-applicationsShare This Page
Frequently Asked Questions - Surround Technologies
Surround Technologies Frequently Asked Questions FAQ - Accelerator FAQ
https://surroundtech.com/frequently-asked-questionsShare This Page
About Us
SurroundTech.com Blog - Surround Technologies
Blog
https://surroundtech.com/blogShare This Page
SurroundTech.com News - Surround Technologies
News
https://surroundtech.com/newsShare This Page
SurroundTech.com Events - Surround Technologies
Events
https://surroundtech.com/eventsShare This Page
About Surround - Creating software people love - Surround Technologies
https://surroundtech.com/about-surroundShare This Page
Locations - Surround Technologies
Surround Technology Locations
https://surroundtech.com/locationsShare This Page
Employment Opportunities - Surround Technologies
Surround Technology Careers - Employment Opportunities - Submit a Job Application
https://surroundtech.com/employment-opportunitiesShare This Page
Contact Us - Surround Technologies
Surround Technology Contact
https://surroundtech.com/contact-usShare This Page
Legal Pages
Privacy Policy - Surround Technologies
https://surroundtech.com/privacy-policyShare This Page
Terms of Use - Surround Technologies
https://surroundtech.com/terms-of-useShare This Page
Sitemap
Sitemap - Surround Technologies
Find and get to all the pages on the site, then share them - Our re-invented Sitemap makes it easy.
https://surroundtech.com/sitemapShare This Page