Professional Development

Excellence In Higher Education Virtual Conference Opening Keynote: The Velocity of Education Technology – The Only Constant is You

Posted on Updated on

On 9/24/18 at 10am, I attended the Excellence In Higher Education Virtual Conference Opening Keynote: The Velocity of Education Technology – The Only Constant is You presented by Barbara Waxer.

Excellence In Higher Education Virtual Conference Opening Keynote: The Velocity of Education Technology – The Only Constant is You

The keynote opened with some nice reminders, a generous greeting to us all, and a note about the presenters, including Wake Technical Community College as well as several other prestigious colleges and universities.

Workloads for most faculty are overloads. Many see themselves as Triathletes. What do you think is heaviest burden: learning tools, teaching, research, learning? etc. I felt that the curriculum development, research, and service aspects were the most difficult. I know the materials well, and learning the tools is easy enough. Don’t cave. In the world of faculty development, the success rate depends of faculty which regularly participate in faculty development. It is pedagogy unbound, and it is really neither a requirement or a free decision. Teaching and learning are integrated. Teaching and learning aren’t going away. It is transformative. It empowers students and individualized learning. here is also success. What is the success metric? Especially for higher education. It seems as though it is increasing resources for teacher training. One hallmark is having mentors and trainers available to invest in your instructors. from 2013-2018, there are tons of increases in 1-minute activities. So how many daily video views each day? 22 billion. 75% of workers in large businesses interact with video 3+ times per day. Think in the politics of reality. In the end it doesn’t matter what we see, because the content creators see something different: money. Maybe we approach new tech with the wrong questions. How can I do what I already do with this? Here we have the information music. Sousa hated new things and music in players. He could never conceptualize non-live music. Edison was very insistent that DC current would be the best. Steve Ballmer pushed out the iphone, and we know how that went. So how do most people see new technology? Most people saw this as a mixed bag in the chat. From here, we moved in to the world of AR,VR, and MR. We see augmented reality, Virtual Reality, mixed reality. AR is interesting, and has some adjustments, but we see a lot of people using. VR is tough and its been around for quite some time. Mixed Reality should be next, but it will certainly be intersting to see this happening. How will we see students doing homework using MR? We already see the statcast technology in baseball, in the olympics, etc. the essence of doppler radar + high-end optics used in baseball. Doppler tracks at 200,000 frames per seconds. If this is happening in the commercial world, how will this work in the education world? I suppose it will depend on the knowledge society you use. How can we begin to manage the network? Many of us began with chain or pyramid groups for knowledge gain and understanding. That has all gone out the window now. We have data moving to info, knowledge, and wisdom. When we talk about AR and VR, we have to give props and knowledge to medical who’ve gone to the next level with those They’re using this technology in current medical school to show how the body is working. This is not a television show, but AR display. Its a far easier way to get to know the body and organs, and we like much more knowledgeable doctors, don’t we? They’re using it in NZ to show fire safety accellerants in action So, how might it work in an online environment? How might something like this work in your school? NIST uses it as a fire safety approach. It really is overwhelming. What are the factors that really allow instructors to make that shift? Can it be more than an entire overhaul? Can we add a more contextual experience Have you ever been an online student? Only two 4’s were in the entire goup. The metric gives us a flavor to see what the trend is. Those who take online training tend to take it again.

Let’s talk millenials.

AI Art is rising. There were some examples of chAIr, and others but not that great.

Blockchain, however is big business.

Welcome to blockchain. Blockchain is an online storage system- a distributed ledger which is supposedly hack-proof. It may be the way for ledgers and ownership moving forward. Even in New Mexico, Central New Mexico Community College will all be blockchain digital assets moving forward. Extended reality When you are immersed in MR for so long, that you have behaviors which are populating the virtual world. We’ll have the metaverse. What could that possibly be like? We still have the accent from the analog environment. Critical Thinking is still a big part of our classrooms. Often, we start with a simple question: How do we know that? Top 10 Skills for learning in 2020. In this list, how much will be driven by technology and how much by us? Which number are critical in your classroom. Who’s developing all these skills in 2020? One of the top thinkers and influencers are saying YES, games and tech are fun, but the moral and ethical comes from the instructors questions: how can we use those to solve bigger problems like security, hunger, poverty, inequality. Maya angelou quote was well placed here, I felt:   As teachers, the biggest lessons we seem to learn are those taught to us by our students. We see our actions, but it is their reactions which show us the room for improvement and increased understanding.  
Barbara WaxerBarbara Waxer thrives when developing best practices for users and creators of digital content and is a dedicated Creative Commons maven. She is currently a tech writer at Sandia National Laboratories and an adjunct instructor in the Media Arts Department at Santa Fe Community College. She has authored over two dozen textbooks and eLearning products on copyright, online media, and Adobe and Microsoft software. Her text Internet Surf and Turf: The Essential Guide to Copyright, Fair Use, and Finding Media, won the TEXTY Textbook Excellence Award and the New England Book Show Award. For that book, Barbara wrangled University of New Mexico School of Law Professor Marsha Baum as her subject matter expert and Master of the Pun partner. Barbara Waxer has an MA in Computer Resources and Information Management from Webster University, a BA in Chinese from Michigan State University and a Mandarin Language Certificate from National Taiwan Normal University. A native Detroiter, she lives in Albuquerque, New Mexico.
Advertisements

Reflection Journals – Examples of Using this Powerful Tool to Help Students Synthesize Course Content

Posted on Updated on

On 9/24/18 at 11:15am, I attended the Excellence In Higher Education Virtual Conference Session: Reflection Journals – Examples of Using this Powerful Tool to Help Students Synthesize Course Content presented by Matthea Marquart of Columbia University and Dr. Beth Carpenter of Southern Connecticut State University.

Reflection Journals – Examples of Using this Powerful Tool to Help Students Synthesize Course Content

What’s in this for us?

Discuss the value to journals, with examples, and discussion.

This was a really chat and poll heavy presentation.

What Makes a good reflective journal assignment.

My answer was:

A good reflection requires critical thinking, a completed assignment, what went well and why, and what didn’t go well and how they could fix it next time. And, did they follow the assignment instructions?

Good answers included: how can students see this not as busy work and keep them invested in the work. Here is the current research recap:

While this slide was nice, the presenter just read the slide, and that was a drag. There are 3 different levels, and I hope they’d talk a bit more about that

What goals should the student have from the reflective journals. The critical analysis offered here allows them to break down the thought process without having to have personal risks on the line. Grades, yes. Job on the line, no.

Journals allow students to unpack information, empowered to take risks, and offer things they failed at without having to admit it to a classroom full of students. Its a trial-and-error period available to students. It also allows teachers to see who’s glossing over the material, and who’s dialing it in. Its also good for teachers to see who’s really reaching here.

Problems faced are about waiting until the last minute, pushing book facts back, starting a sentence and then trailing off, because it was a draft they had to turn in. There are many universal problems here- no one here is alone.

We didn’t talk about were rude things to groups and writing to the teacher just to impress them. Often, we can learn more from failed products and provide better rubrics.

A strongly designed assignment will help you to create a better assignment and get better journals. help them to understand that this is a co-created assignment. How do they approach it? Some students may appreciate it, others will see it as busy work. I think this is helped by their personality. Some students will always see it as touchy-feely BS. Others will find it to be a great opportunity to fully vent.

In longer classes, a student may have 9 journals and the lowest grade is dropped. Some all take the best grades they can. All students will be swamped. they don’t have to disclose about themselves, but they should disclose about the materials. Students who find it too touchy-feely can often be set straight by taking them into a face-to-face meeting to discuss the WHY this is happening.

Journals fill into many HIP (high impact courses), increasing students retention.

Chat here went well. Working with clients might be assisted by working with journals to reflect on what happened.

 

When might we use reflection journals?

Does the course materials highlight self-reflection, validation, etc.? Are students co-creators of knowledge. Is it one in which students add to the process and sit with discomfort of doing less well than expected?

Is reflection important to the discussion? If bringing it back for a group discussion is well taken.

sample assignment

At the end of the week, this assignment is used to revisit the experience. Points are very specific, and clear to follow

 

To prevent the last-minute rush, not all are due at the end of the semester

Think-pair-share is a great way to become co-creators of content.

During the Q&A, we were allowed to download the slides (woohoo!). This was a great presentation. While I often find that most of the Q&A heavy pieces are slow-moving, this was a nice, solid approach. Well done ladies!

 


FTyler Dockery at the Virtual Conferenceor new and experienced online instructors, or those who work with them, this interactive session will share examples of well received reflection journal assignments from online courses at Columbia University. The presenters will open by touching on research on the value of reflection journals, sample uses of reflection journal assignments, and how to provide instructor feedback and grading to deepen student work on future journal entries while maintaining a feasible instructor workload. Next, the presenters will share examples of reflection journal assignment instructions, grading rubrics, and lessons learned from two online courses. Finally, the presenters will facilitate a chat-based discussion to encourage the session participants to share their experiences, advice, and questions. Most learning management systems, including Blackboard and Canvas, include a journal tool. This session will help instructors share and spark ideas of ways to use this tool effectively in their own online courses, regardless of the course topic or academic discipline.

Closing Remarks

Posted on

At 1:50pm on 4/29/2018, I attended the Closing Remarks, Presented by Steve Mortiboy and the leadership team of WordCamp, at the 2018 Raleigh Wordcamp Convention in the Engineering Building II of North Carolina State University in Raleigh, NC.

Closing Remarks

WordPress team members have come a long way, California, New York, etc. This year is bigger than every other year, and its constantly on the grow. This whole event works only because of our sponsors.

Our Sponsors

We would like to thank all of our sponsors below ,without who, WordCamp Raleigh would not be possible.

Afterparty

BoldGrid

BoldGridBoldGrid is a website builder powered by WordPress. It is a free set of WordPress plugins, themes, and other content that allows site creation and management similar to non-WordPress website builders. By placing WordPress more in line with DIY site builder solutions on the market, our mission is not only to make WordPress more accessible and easy for beginners to utilize, but also automate and streamline typical WordPress tasks to provide a fast, creator-friendly platform that even web professionals will appreciate.

Experience WordPress as a website builder, including: free pre-built themes, drag and drop editing, integrated image banks, simplified photo editing, built-in staging, automated backups, and so much more.

BoldGrid will have you creating professional looking WordPress sites in minutes!

www.boldgrid.com

Gold

All in One SEO Pack

All in One SEO PackAll in One SEO Pack Pro is the popular WordPress SEO plugin, developed since 2007 by Michael Torbert and Semper Plugins of Raleigh North Carolina, for managing the Search Engine Optimization of your website or blog. All in One SEO Pack is one of the most downloaded plugin for WordPress with over 40 million downloads. Chances are you’ve searched Google and found a website that’s running this powerful WordPress plugin.

WooCommerce

WooCommerce28% of all online stores are powered by WooCommerce. Built on WordPress, WooCommerce is a fully customizable, open source eCommerce solution.

Whether you’re selling a few handcrafted items to a niche market, taking an existing business online, or going global with an enterprise level eCommerce business – WooCommerce will get you set up and selling fast and scale securely as you grow. Plus your content will be forever yours and customizable down to the finest button color.

Developed and supported by a distributed team, WooCommerce is powered by Automattic, the creators of WordPress.com.

Jetpack

JetpackTransform how you work with your WordPress sites and rest easy knowing they’re always firing on all cylinders. Jetpack connects your site to the global services, community, and support provided by WordPress.com so you can focus on the stuff that matters.

Jetpack automatically shields your site from the unwanted attention of spammers, hackers, and malware, while real-time sync and backup means you don’t have to worry about data loss. Straightforward traffic-building tools help you attract the attention of readers and search engines. Pages and videos are delivered at high speed from a global, ad-free content delivery network.

With Jetpack’s Affiliate program you can earn 20% for every sale of Jetpack to your customers and clients. And with unlimited referrals, the sky’s the limit! Refer as many clients and contacts as you can, and get paid for every sale you generate.

Make your site work for you. Get your Jetpack today at Jetpack.com

Bluehost

BluehostBluehost has been a WordPress partner since 2005 and powers over 1 million WordPress sites worldwide. Their objective is to help customers, whether novice or pro, create a thriving online presence at an affordable price. With a team of in-house tech experts available 24/7, Bluehost dedicates time and resources to providing the best support and services in the industry. Join millions of other site owners and see what Bluehost can do for you and your online presence.

Silver

GoDaddy

GoDaddyGoDaddy Pro offers a robust suite of free tools to web developers & designers to help them save time managing all their clients and sites. With GoDaddy Pro, you can easily shop for your client, monitor their sites, and manage all their WordPress websites from one place. Exclusive time-saving tools let you update WordPress core, plugins and themes with one click, as well as automate WordPress backups, cloning and migrations. Get real-time performance, security and uptime monitoring across all your websites. Additionally, your free membership includes advanced 24/7 technical support.

When you pair GoDaddy Pro with GoDaddy hosting products, the benefits are even greater.

Check out the Free Tools

DreamHost

DreamHostSince 1997 DreamHost has helped individuals, small businesses, entrepreneurs, and developers worldwide bring their dreams to life on the Internet. A leader in Managed WordPress hosting, over 400,000 customers trust DreamHost to be their online home. Supporting the open source community with dedicated resources and a passionate team, DreamHost believes in the power of the Open Web and the people that make it happen. Learn more at DreamHost.com.

Bronze

AndiSites

AndiSitesAndiSites is an award-winning, down-to-earth digital agency based in Chapel Hill, NC. We make user-friendly, mobile-friendly WordPress websites for businesses, higher education, and government organizations. AndiSites’ goals are to demystify technology and make the web a friendlier place. We listen. We’re different. You’ll see.

A2 Hosting

A2 HostingSince 2003, A2 Hosting has specialized in linux-based, developer-friendly hosting. We cater to the WordPress community by offering robust servers and hosting accounts at an affordable cost. Whether you have never run a website before or a professional developer, rest assured we have a web hosting solution to meet your unique needs. Best of all, we back up our hosting with 24/7 US-based support available by phone, ticket, or live chat.

At A2, we dedicate a percentage of our development time to WordPress as part of the Five for the Future initiative, and we are active in the WordPress community. We support many WordCamps and WordPress meetups around the country and several members of our team help organize their local WordCamps, including WordCamp Ann Arbor and WordCamp Jackson.

HomeAdvisor

HomeAdvisorHomeAdvisor is an easy way for homeowners to find and connect with trusted home improvement, maintenance and repair professionals.

A leading online home improvement marketplace, we’ve connected more millions homeowners to our network to hundreds of thousands of prescreened home service professionals covering over 500 different types of projects.

We offer our homeowners a comprehensive suite of tools, products and services such as our patented Profinder, True Cost Guide, Instant Connect and Instant Booking. Access to all of the site’s features is free to homeowners, with no membership fees.

In Kind

StickerGiant

StickerGiantStickerGiant is an e-commerce company that prints custom stickers and product labels. They make it fast, fun and easy to order with quality guaranteed. Every sticker has a story. What’s yours?

StickerGiant.com

Farside Films

Farside FilmsFarside Films is a production company with roots through out the southeast and headquartered in Atlanta, Georgia. They specialize in videography and photography for live music events, independent shorts, local and regional commercials, website marketing videos, music videos and other media. They have a passion for creativity in every aspect of production which can be seen the work from script to screen.

Farside Films is proud to be a sponsor for the 2018 WordCamp Raleigh conference.

Individual

Hosting Decisions

WPDPlus

Pixel Propeller

Shepherds Loft

cmsMinds

Penner Web Design

Hope Schaefer

DesignLoud

Bluehost goes the extra mile

Bluehost gave away a 55″ HD television to a lucky participant.

VIDEO

The video from this content will be made available via WordPressTV at some point in the future.

MEETUPS

Come and please take part in the WP Meetups. What do you want to learn? is it a subject, a speaker, something else? Do you want to organize, speak, take part?

FUTURE

Next year will be our 10-yr anniversary. if you want to help plan, assist, host, etc. please let us know. Find us on the internet, email us or call.

Post-conference feedback would be helpful and should be given. Please help us improve! Take time to fill those out and we really value the feedback. Every year we strive to improve. Help us.

FINAL WORD

Please give us your lanyards so that we can recycle and improve the process, and costs. Last thought was of course to travel carefully one and all. They’ll hope to see us again.

3 SEO Strategies for building a Bigger Online Community

Posted on

At 10:00am on 4/29/2018, I attended3 SEO Strategies for building a Bigger Online Community, Presented by Amanda Gorman of Pressable, at the 2018 Raleigh Wordcamp Convention in the Engineering Building I of North Carolina State University in Raleigh, NC.

3 SEO Strategies for building a Bigger Online Community

 

WordPress Community: An entity where connection is democratized and ideas are made tangible. The community is a way for us to move from “I just want traffic” to questions like: who are these people, what do they want?

Community = Connections

We started out with the intention: Learn how to boost your SEO to build a bigger community online with 3 simple strategies:

  1. Keyword Research & Organization
  2. Leveraging Competitor Insights
  3. Writing Content that Resonates.

Intended Audience: Web designers, developers, Nonprofits. Beginner

Tending to your garden

LIke a garden, your community needs care on an almost daily basis. This “tending to”is about seeing what’s needed and then providing what is needed. What ideas are you planting in the garden? that really starts with keyword research. Knowing that this is your piece of the landscape.

How do we build a bigger online community

how do we get traffic, more conversions, more conversations? Go down your own path. Be intentional, be aware, build your own trust. These aspects will be so important an answer that you’ll want to push that first.

Be intentional

Keyword Research. This is where the ideas are planted and the SEO strategies start. Why are you doing what you’re doing? Take your time and have direction in what you’re doing. Watch those competitors and place your focus best. Client experience shows that insight into where to start can be incredibly beneficial. The rabbit holes exist, but they are not always helpful.

Core Concepts

Knowing the keywords you want to rank for vs. Knowing the keywords that are being searched. You want to be the go to person for a particular term. Wo, what is that term? The principal often has a big idea. Start with 20 keywords, expand it, then narrow it back down

“Empathy is the starting point for creating a community and takiing action. it is the impetus for creating change” Max Carver.

What does the community want and how can you expand it?

Keyword Research: Seed Keyword

The seed keywords are competitive and its good to get this before you talk with clients.

  • What are your keywords?
    • brand name
    • products or services
    • consider all possible scenarios
    • brandump words associated with your site
  • Example: Garden Center
    • garden supply
    • container gardening
    • gardening tips
    • backyard landscaping
    • gardening gifts

STEP 1: Dump seed keywords into google. See the related search terms. Perhaps you’ve forgotten catalogs, coupons, warehouses, and perhaps some of these you DON’T want to focus on

STEP 2: Working with Seed Terms build a list

  • spreadsheet in google sheets
    • ubersuggest
    • keyword tool
    • google correlate
    • google trends
    • soovle
    • answer the public: This is a great tool. When you see the same questions here you’re asking or hearing, its great to

Objective: Tap into  long-tail keyword phrases athat are specific to your audience, their needs, desires and pain-points. Remember: Seed Keyword + Modifier = Long-tail Keyword

Using tabs with Seed Keywords, we fill in the modifiers and use that to fill in the content for your site.

 

Keyword research: Google Keyword planner & The Doc

Enter your keyword findings into google Keyword Planner

  • Keyword
  • clicks
  • impressions
  • cost
  • click through rate
  • average CPC

Your seed keywords are going to be the most competitive. IDentify how much people are willing to spend. Copy/past the information into the spreadsheet

A massive document is overwhelming. Make it clear and concise.

Competitor analysis: be aware

its spying a little bit, but its more about market research, how you’ll become an authority in your niche. Its not a negative. understand your competitors so you can provide what’s missing. What can you provide that they are not?

MOZ bar is a free tool. Plug in your keyword to google, turn on the moz bar

  1. enter keyword
  2. look for one or more below
  3. review quality of content
  • pages with <20PA and DA. if less than 20, you can do a good job and get ranked!
  • ezine articles
  • yahoo! answers
  • ehow.com
  • buzzle
  • squidoo lenses
  • hubpages
  • ebay
  • wordpress.com
  • blogspot (or other free blog)
  • spammy press release sites

Let’s Have a Look at the Moz bar in action

High page authority means you won’t sneak in there. You’re not trying to beat the whole domain, you’re really only trying to have value for a specific page.

page authority are a lot lower here. This would be a great work to focus on. Gettting on the list will take time and effort, but find the gaps where you’ll fit in

Content Writing: Build Trust

have a trust mindset to build that copy. Forget the mindset of what you want, and build a connection and build trust. Be a place people can visit to get the answers they want fully and wholly.

Tips for success:

  • Write freely first
  • Use your target keyword at the beginning. don’t use more than 3 times, but have document open to the terms page, and include the related search terms, and don’t overuse or push that content or overstuff.
  • Keep your sentences concies
  • Include images, charts, videos and lists. People are also visual learner.
  • Create comprehensive content. This is key.  Rather than provide information overload with a short reply, be comprehensive. Give a full comprehensive report on each additional item

Improve Click-through rate

Quora & Udemy shows that there is a question and a need. Look at structure of content, and get inspired on how you might approach the subject. What’s missing? What questions have been asked which you can elaborate on, answer easier.

Add modifiers to your titles:

  • How to
  • the current year
  • review
  • best
  • fast
  • checklist
  • guide
  • tipseasy
  • simple
  • Use a number

Include bucket brigades: Add these headlines between content in an effort to re=catch the reader:

  • Here’s the deal
  • now
  • whats the bottom line
  • you might be wondering
  • this is crazy
  • it gets better/words
  • but here’s the kicker
  • want to know the best part?

The better you understand the content and the audience, the better you become and your website becomes. Keep People coming back to get that killer content.

Question & Answer

Content Length for a post?

500 minimum, but 1,000+ is better. better to write more and publish less than publish often but keep people reading than to publish often and not enough content

How to assist our customer?

Here’s what competitor does. it looks like… if you write this… dive deep into the specifics, and ask what they want to write about. Help them pick down to 5-10 key terms.

How much time should we expect to take building this list?

2 weeks of time. depending on the number of tabs.30 tabs might take  6 hours. Many clients only take 2 hours. From that step, its time to push the data and see how the trends show up.

What if I’m notified of a Keyword overload?

If you have too much, consider related words. Use google keyword suggest to pull secondary words and use those in the place of the oft-repeated term

What if you’re just getting started?

make connections with related industries. Life coach might find doctors and psychologist to connect with. Find a voice unfound and press into that niche. Be consistent with writing and promoting.

Other Suggestions

Brian Dean of Backlinko

 

See the whole slide deck at: speakerdeck.com/amandagorman/3-seo-strategies-for-building-a-bigger-online-community

 


Amanda Gorman

Amanda Gorman helps nonprofits and wellness-based businesses build thriving online communities. As a Customer Success Coordinator at GiveWP she works diligently each day to assist nonprofits in growing their communities and receiving more donations online to make a bigger impact in the world. As an SEO consultant, she’s passionate about tending to the internet like a gardener would tend to their garden, so it can become a safe and fun place to connect again. Amanda uses her SEO superpowers to help her clients better understand their purpose, their audience, and how to better reach their people. Amanda is in love with her husband Casey, her nephew Jackson, and their dog Topanga whom all live together in Rochester, New York.

Optimizing Images in WordPress to Improve Performance and SEO

Posted on Updated on

At 11:20am on 4/29/2018, I attended Optimizing Images in WordPress to Improve Performance and SEO, Presented by Steve Mortiboy of Pressable, at the 2018 Raleigh Wordcamp Convention in the Engineering Building I of North Carolina State University in Raleigh, NC.

Optimizing Images in WordPress to Improve Performance and SEO

This session is really aimed at beginners who want to understand how to leverage images to improve their website. I’m hoping we’ll take a hands-on look at things you should do when adding images and common mistakes to avoid that could negatively impact your site, especially with search engines.

Intended Audience:  Beginners

What we’re supposed to cover:

We need to think about performance, image optimazation, SEO, performance, etc.

Embedding Images

We’re doing this without proper sizes, etc. and we don’t really think about how it might affect performance, or adjust the layout.

Considerations

JPG, PNG, GIF. We cover this material, and its good content

File Size

this is the biggest problem. Taking an image from our phone or other device is huge, 10MB or more. High def is even worse. Before uploading into wordpress, we’ll want to adjust it. The smaller the better, with 100KB or smaller as ideal.

Dimensions

A 600px content area will not need 1000px width content. in Settings, Media you can adjust your content sizes. Your media may not convert to those sizes, even if supposed to. WordPresss does not know the content, it just crops the images as it feels the data tells it. Beware oversized images. Editing an image on the page allows you to set custom sizes

Image Resolution

DPI and PPI only apply to printing. It do affect image size in the file however. There is a myth of 72dpi. we don’t need to do that in our websites.

Images per page. The more images appear on a page, the more you need ot consider file sizes and page load times. Remember your mobile device users. Consider using a gallery or slideshow such as:

  • JetPack Tiles Galleries
  • JetPack Carousel

Do not load the image initially. Load only when requested.

Image Linking

Where should we link an image embedded? Should it load the media file. attachment page, custome URL, or nothing? LInking the media file should be reconsidered. That just loads the image in the browser. Google following that link only sees the file, no information, and the user must push the back button.

Consider instead an attachment page. This is an older forgotten page type. An attachment page is a wordpress page. You can add these theme pages with styles, links, back buttons, exit data, etc. It allows information such as MetaData to provide richer content to our customers in ways such as location and date. It allows us to add Meta tags, SEO, anything you’d like. You may not know you’re even on a page only for a photo. Google will index that page.

Custom URL is useful for custom button creators, etc.  Uploading a button linking to a particular page (such as contact us) allows you to create linkable, custom pages which can also be indexed.

An item with no reason to click on an image, you should just select none.

Image ownership

This is a big issue over the years. Big companies are seeking out smaller companies to Quash. Just because you found it doesn’t mean you can use it. There are different types of license. Consider using the Creative Commons Search Tools at: https://search.creativecommons.org

Stock Images

For the love of Pete, don’t do it. They’ve been done to death. Take your own photos, be real and be genuine. It brings nothing to the visitor to be seeing general images.

Optimization

Lossless compression reduces file size without losing quality. Lossy compression reduces file size with possible loss of quality. Your goal is to reduce a web image to 100KB or less. Granted, it always depends on the original image.

  1. Photoshop
  2. GIMP
  3. Imageoptim.com for mac
  4. tinyPNG at tinyPNG.com
  5. jpegmini at jpegmini.com
  6. EWWW image optimizer plugin

RETINA IMAGES

Retina schreens and displays are common.

Consider

  • using plugins, WPRetina 2x
  • using SVG
  • HTML method src=”image-800×600.jpg” width=”400″ height=”300″

Image SEO

1000+ line pages are boring. Images are sticky, they keep us there and easily tell us if we’re in the right place. Keep the visitor on the site, but also keep the visitor finding the site. Make your imagery search-engine friendly.

  1. Image Filename: DSC_005612987 doesn’t tell us anything. Rename your images to something which is helpful for search engines. You cannot rename the file once its uploaded because the images is posted in the server. If you’re using the same file on different pages, upload the same file with a different name. It may look the same, but it will be seen as different by search engines and computers which matter.
  2. Title attribute. Set the title and alt text to the content of the page, not the image. rather than describing the image, link it to the page and make it easier to find the page
  3. Alt text. Required for many governmental website.
  4. attachment page. Add the SEO title, the SEO description
  5. include images in your XML sitemap. AllInOneSEO automatically includes these items in the XML sitemap

Images for social media

Cathcing people’s information is really important, and a good high-quality image can really get you that click-through. Use a plugin to set that image. Create a custom image which is properly sized just for social media. Social media images can be shared and cached. It may only be for 7 days (facebook). Twitter and LinkedIn make it difficult to clear that cache.

Image sizes for social media

  • facebook images 1200px x 630px
  • twitter images 900px x 450px
  • pinterest images 236p x scaled height
  • instagram images 1080px x 1080px

Image Caching and CDN

  • JetPack Photon
  • WP Super Cache
  • W3 Total Cache
  • MaxCDN
  • Amazon CloudFront

Test using Google PageSpeed Insights:  https://developers.google.com/speed/pagespeed/insights

 

 


Steve Mortiboy

Steve Mortiboy is the COO and Service Delivery Manager for Semper Plugins. He leads the team that develops plugins such as All in One SEO Pack. He has been working with WordPress for over 8 years and devotes much of his time to helping people get the most from WordPress. He is also one of the co-organizers of WordCamp Raleigh and the Raleigh WordPress Meetup Group. When not hard at work he’s working on DIY projects at home or off traveling.

Donuts and Business Cards: WordCamp 2018 Day 2

Posted on Updated on

At 9:30am on 4/29/2018, I attended Donuts and Business Cards Presented by Rise Donuts, at the 2018 Raleigh Wordcamp Convention in the Engineering Building I of North Carolina State University in Raleigh, NC.

Donuts and Business Cards: WordCamp 2018 Day 2

I Came to enjoy Rise Donuts, and network with your fellow attendees. This social event took place in the main sponsor area near the registration desk. It was nice in the morning to talk with the WordCamp volunteers before most people showed up.

I would like to take a second to compliment Rise Donuts. If you know me, you may understand that I am Big and Cheap. Similarly, I recognize quantity over quality as the deciding factor more often than not. I prefer to be full rather than piqued. The first donut I had was crusted with nilla wafers, filled with fresh whipped creme, and tasted of light banana. It was a banana pudding donut! I’d never enjoyed anything like that in a donut before, so that was a clear winner for the day.

vishaal.khandoobhai@patheon.com may be interested in contacting students about intern or entry-level possibilities, so that’s a nice perk.

I’ll be honest, I went back for another banana pudding donut. 

I had an opportunity to assist Annick Lenoir-Peek of https://www.thecommontraveler.net/ which you can visit at: The Common Traveler  She was an excellent individual with a really nice blog on her website. I had a chance to see a few of the articles, maybe you will have a look.  🙂

I think this’ll be a great day!

I Know I should use SVGs, But I Don’t Know How

Posted on Updated on

At 9:15am on 4/28/2018, I attended I Know I should use SVGs, But I Don’t Know How, Presented by Colin Lord of Pressable, at the 2018 Raleigh Wordcamp Convention in the Engineering Building II of North Carolina State University in Raleigh, NC.

I Know I should use SVGs, But I Don’t Know How

Using SVG images are a lot like going to the gym. We all know we *should* be using them when we write our front end code, but we end up putting it off for another project down the road. And when SVGs are used, they are often implemented in a way that doesn’t unlock their full potential.

During this presentation, I hope we’ll discuss the best practices for SVG implementation and how they vary depending on the size and audience of your site. Perhaps we will also go through what an SVG sprite is, how to create one, and why they’re awesome. According to Advanced Web Ranking.com, only 3% of sites on the internet use this technique…but 97% of browsers support it!

After this talk, I hope to be ready to work on SVGs effectively.

Everything we’re talking about will work on wordpress 4 & 5

The slides will be available. The Coke bottle is an SVG, and it means there are notes in the slides

These Image types have been available over the last 10 years.

 

SVG Compliment the other image types. You won’t stop using the others. there are 3 types we use, but there’s room for a 4th.

SVG files are smaller than jpg, png, gif

The logo for this company is either 0.5kb or 12kb depending on file type. That’s a dramatic savings on file type. Also,they are HDPI ready. They don’t have to be saved as a 2x, 3x, and you are future saving as well.

At a larger size, there is no difference in quality, but this is not true with bitmap graphics. Vector graphics do not increase in file size and no loss in quality. This is opposite with raster graphics.

 

What’s the browser support like?

the only red column is IE8. Unless you are worried about old IE versions, it works across the board, and works with CSS grid. They are easy and efficient to animate, giving more framerate and can manipulate it with CSS and javaScript. One SVG with javascript inside. Rather than exporting 365 graphics, a single SVG can be used for a whole calendar.

Chris Coyier Practical SVG is a fine book. This book is about creation, export, advocation on SVG at the 4th graphic type.

 

How do we use them correctly and efficiently?

there are ways to use this correctly and incorrectly. Photoshop can export anything as an SVG. Bitmaps (raster) is not a good SVG image. Once exported how can you use them:

You can treat it like any other image, and it will be treated the same way. Its pretty simple to put them into a webpage. The logo has size advantage and will be used well on any

Image is not loaded into the DOM. It just sees the size as a square. SVG at its core is just code, so you can load it into the dom

This gibberish all came out of illustrator. SVG vectors are really just a lot of math. How do we get on this? This is horribly against several brand guidelines. You can use any CSS, color change, states, etc. You can open the SVG in any text editor, and then post this item into the HTML

It is clear why to use that: there is so much to take advantage of.

rather than consider how much it is to deal with those items, this would be ridonkulous. To fix that, we use the SVG Sprite.

These are less important and people have pushed them out of style. It was tedious and not fun. You create and image window and long background image. It slides around as needed.

Here’s a basic example:

children inside the SVG sprite are symbols, and we give a name or ID inside for each. we use the name SVG- at the front so that we are not confused with it as a CSS Class. The viewbox here is the spacing. The title tag may or may not come with titles out of illustrator. The main takeaway is that the title may be something you wish to add yourself.

An SVG sprite is something we’re not displaying, but we’re putting symbols in in the code.

CLient logo, search and star are being used here. top images are at bottom of <header.php> file. Stars are only on the profile pages.

Social media icons can use a single sprite. You only need to link to it a single time.

this is all relegated to a file (erb?) which can be somewhere on the page

There are more ways, but these are 4 easy ones which we can use. There are more which can be used and they don’t always work well, such as SVG Injector

WIth this, we load the library. Anywhere we use Inject-Me class, the Image.svg is removed and the new items are added in the place at a browser and server level. The problem, it loads the image twice. First it loads the page, loads the javascript, loads the images again. That means we see the images show up, remove, show up again.

If the client saw it, that’s bad. Also not a good performance trick. Of the 4 examples we’ve discussed, there hasn’t been a time when the materials didn’t work properly.

Use FontAwesome. Load it into your site. Use them in your site. The iconset is fantastic.

Look at the material here. The HTML method (97% of use) has the most red X in them. Before you go down that road, its how many people use it, but its very, very limited.

 

The takeaway here: There’s a place for a 4th file type here.

Slides at bit.ly/wcraleigh-svg

 

 

The Logitech Spotlight (works with bluetooth and also dongle) was used in this presentation, and it was fantastic!

Exporting from illustrator?

Use the web-optimized version so that you keep things clean and clear

Colin Lord

Colin Lord is a Senior Front End Developer for Modea in Blacksburg, Virginia. He has spent the last three years working in the healthcare industry for the Vanderbilt University Medical System, the Duke University Health System, and Carilion Clinic. Before that, he spent time in the music industry building sites for artists like Brad Paisley, Garth Brooks, Imagine Dragons, and The Band Perry. Other clients that have crossed his path are Verizon Wireless, ADT Home Security and DirecTV.